:root{--primary: #0058c5; --secondary: #dc3c22; --orange: #DB696B; --blue: #45A1D6; --lightBlue: #B1D3E8; --lightOrange: #eac8a6; --light: #fbf5de;--black:#000;--bg:#ffffff;--muted:#6b7280;--card:#fff;--glass: rgba(255,255,255,0.6);--max-width: 1260px;--f10:0.71428571rem;--f11:0.7857142857rem;--f12:0.85714285rem;--f13:0.92857142rem;--f14:1rem;--f15:1.071428571rem;--f16:1.1428571rem;--f17:1.21428571rem;--f18:1.28571428rem;--f19:1.35714285rem;--f20:1.42857142rem;--f21:1.5rem;--f22:1.57142857rem;--f23:1.64285714rem;--f24:1.71428571rem;--f25:1.78571428rem;--f26:1.85714285rem;--f27:1.92857142rem;--f28:2rem;--f29:2.071428571rem;--f30:2.1428571rem;--f31:2.21428571rem;--f32:2.28571428rem;--f33:2.35714285rem;--f34:2.42857142rem;--f35:2.5rem;--f36:2.57142857rem;--f37:2.64285714rem;--f38:2.71428571rem;--f39:2.78571428rem;--f40:2.85714285rem;--f41:2.92857142rem;--f42:3rem;--f43:3.071428571rem;--f44:3.1428571rem;--f45:3.21428571rem;--f46:3.28571428rem;--f47:3.35714285rem;--f48:3.42857142rem;--f49:3.5rem;--f50:3.571428571rem;--f51:3.642857142rem;--f52:3.714285714rem;--f53:3.785714285rem;--f54:3.85714285rem;--f55:3.928571428rem;--f56:4rem;--f57:4.07142857rem;--f58:4.142857142rem;--f59:4.214285714rem;--f60:4.28571428rem;--f62:4.42857142rem;--f64:4.5714285714rem;--f66:4.714285714rem;--f68:4.857142857rem;--f70:5rem;--f72:5.14285714rem;--f74:5.28571428rem;--f76:5.42857142rem;--f78:5.5714285714rem;--f80:5.714285714rem;--font-family: 'Albert Sans', sans-serif;}
/* NAVBAR */
.site-navbar-wrap{position:fixed;left:0;top:0;right:0;z-index:999;backdrop-filter: blur(6px);-webkit-backdrop-filter: blur(6px);width: 100vw;}
.site-navbar{max-width:100%;margin:0 auto;padding:0px;}
.site-navbar .container{display:flex;align-items:center;justify-content:space-between;padding:10px 20px;}
.site-logo img{height:100px;display:block}
.site-navigation{display:flex;gap:8px;align-items:center}
.site-menu{display:flex;gap:4px;list-style:none;padding:0;margin:0;}
.site-menu a{display:inline-block;padding:12px 15px;border-radius:8px;text-decoration:none;color:#000;font-weight:600;font-size:14px;border-radius: 6px;}
.site-menu a.cta{background:var(--primary);color:#fff}
.mobile-toggle{display:none;border:0;background:transparent;padding:8px}
.site-menu a.active {background: var(--primary);color: #fff;}

/* HERO */
.hero{padding:120px 0px 60px;background: #F4F9FF;
background: -webkit-linear-gradient(132deg, rgba(244, 249, 255, 1) 19%, rgba(255, 255, 255, 1) 50%, rgba(255, 239, 238, 1) 82%);
background: -moz-linear-gradient(132deg, rgba(244, 249, 255, 1) 19%, rgba(255, 255, 255, 1) 50%, rgba(255, 239, 238, 1) 82%);
background: linear-gradient(132deg, rgba(244, 249, 255, 1) 19%, rgba(255, 255, 255, 1) 50%, rgba(255, 239, 238, 1) 82%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#F4F9FF", endColorstr="#FFEFEE", GradientType=0);overflow: hidden;position: relative;}
.hero-inner{max-width:var(--max-width);margin:0 auto;display:flex;gap:30px;align-items:center;padding: 90px 0 90px 24px;position: relative;z-index: 1;}
.hero-left{flex:1;}.hero-left .enroll-form,.hero-left p, .hero-left h1{max-width: 500px;}
.eyebrow{display:inline-block;background:rgba(43,110,246,0.12);color:var(--primary);padding:6px 10px;border-radius:999px;font-weight:700;font-size:13px;margin-bottom:0px}
.hero-left h1{font-size:33px;line-height:1.05;margin:0 0 0px;color: #282828;font-weight: 700;}
p.lead{color:#5a5a5a;padding:20px 0 20px;font-size: var(--f20);font-weight: 400;margin: 0;}
.enroll-form {display: block;padding: 17px 0;}
.enroll-form .form-control{border-radius: 25px;border-color: #dddddd;height: auto;padding: 8px 15px;font-weight: 400;font-size: 16px;line-height: 1.6;box-shadow: none;transition: all .3s ease;margin-bottom: 14px;}
.enroll-btn {background: var(--primary);border-radius: 25px;padding: 9px 25px;line-height: 1.5;font-size: 16px;font-weight: 500;color: #fff;}
.enroll-btn:hover {background: var(--secondary);}
.cta-row{display:flex;gap:20px;padding-top: 15px;}
.cta-row .btn{display:flex;padding:12px 20px;border-radius:25px;text-decoration:none;font-weight:600;font-size: 16px;align-items: center;text-align: center;min-width:178px;white-space: nowrap;justify-content: center;gap:10px;}
.btn.secondary{background:var(--secondary);color:#fff}
.btn.secondary:hover{background:var(--primary);color:#fff}
.btn.dark{background:#000;color: #FFF;display: flex;gap: 15px;align-items: center;}
.btn.dark:hover{background:#ffffff;color: #000000;}

.hero-right{width:560px;max-width:53%;}
.mock-card img{width:100%;border-radius:10px;display:block}
/* Why us */
.whyUs-wrappre {background: #e7e8fe;padding: 90px 0;background: #E7E8FE;background: -webkit-linear-gradient(180deg, rgba(231, 232, 254, 1) 50%, rgba(255, 255, 255, 1) 100%);background: -moz-linear-gradient(180deg, rgba(231, 232, 254, 1) 50%, rgba(255, 255, 255, 1) 100%);background: linear-gradient(180deg, rgba(231, 232, 254, 1) 50%, rgba(255, 255, 255, 1) 100%);filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#E7E8FE", endColorstr="#E7E8FE", GradientType=0);}
.whyUs-wrappre .row {--bs-gutter-x: 60px;align-items: center;}
.whyUs-wrappre .row .title, .whyUs-wrappre .row p{max-width: 570px;margin-left: auto;}

.title {font-size: 32px;font-weight: 800;color: #1b1d38;padding: 0 0 24px;margin-bottom: 0;}
.whyUs-wrappre .row p{font-size: var(--f20);font-weight: 300;line-height: 1.6;}

/* FEATURES */
.section {padding: 80px 0;}body{overflow-x: hidden;width: 100vw;}
.heading-area {padding: 0 0 20px;}
.heading-area h4 {font-size: var(--f24);font-weight: 400;color: var(--secondary);}
.heading-area h2 {font-size: var(--f42);font-weight: 900;max-width: 700px;margin: 0 auto;}
.heading-area h2 span{color: var(--primary)}
.feature{background:var(--card);padding:18px;border-radius:12px;box-shadow:0 6px 20px rgba(12,17,43,0.06)}
.feature h4{margin:0 0 8px;font-size:16px}
.feature p{margin:0;color:var(--muted);font-size:14px}

/* CTA BAND */
.cta-band{margin:60px 0;padding:36px;background:linear-gradient(90deg,rgba(43,110,246,0.95),rgba(111,66,255,0.95));color:#fff;border-radius:14px;max-width:var(--max-width);margin-left:auto;margin-right:auto;display:flex;align-items:center;justify-content:space-between;padding-left:36px;padding-right:36px}

.cta-band .small {font-size: 18px;color: #fff;opacity: .8;padding-top: 12px;}
.cta-band .btn {min-width: 200px;border-radius: 25px;}

/* FOOTER */
footer{margin-top:60px;padding:40px 20px;background:#0d204d;color: #fff;}
.footer-inner{max-width:var(--max-width);margin:0 auto;display:flex;justify-content:space-between;gap:24px;flex-direction: column;}.footer-inner .row{--bs-gutter-x: 50px;}.footer-inner a{color: #fff;padding: 3px 10px;}
.footer-text p{font-size:1rem;opacity:.8;padding: 15px 0;}
.footer-link li{display: block;padding-bottom: 5px;}
.footer-link li a{color: #fff;position: relative;background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20px' height='20px' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M9.71069 18.2929C10.1012 18.6834 10.7344 18.6834 11.1249 18.2929L16.0123 13.4006C16.7927 12.6195 16.7924 11.3537 16.0117 10.5729L11.1213 5.68254C10.7308 5.29202 10.0976 5.29202 9.70708 5.68254C9.31655 6.07307 9.31655 6.70623 9.70708 7.09676L13.8927 11.2824C14.2833 11.6729 14.2833 12.3061 13.8927 12.6966L9.71069 16.8787C9.32016 17.2692 9.32016 17.9023 9.71069 18.2929Z' fill='%23FFFFFF'/%3E%3C/svg%3E");background-repeat: no-repeat;background-position:left center;background-size: 20px 20px;padding: 3px 12px 3px 28px;display: block;}
.footer-link li a:hover, .footer-inner a:hover{color: var(--secondary);}
.footer-inner .action {display: flex;flex-direction: column;justify-content: flex-end;align-items: flex-end;gap: 20px;}

.footer-nav{display:flex;gap:12px;align-items:center;justify-content: space-between;border-top: 1px solid rgba(255, 255, 255, 0.15);padding-top: 25px;}
.social{display: flex;align-items: center;gap:10px}
.social-icon .elementor-screen-only {display: none;}
.footer-inner a.social-icon {padding: 7px;background: #0073e6;border-radius: 50%;color: #fff;}
.footer-inner a.social-icon:hover {background: var(--secondary);}
.social-icon svg{width: 20px;height: 20px;fill: #fff;}
section {
    scroll-margin-top: 120px; 
}

/* RESPONSIVE */
@media (max-width: 992px){
  .hero-inner{flex-direction:column;align-items:flex-start}
  .hero-right{width:100%;max-width:100%;order: 0;}
  .features{grid-template-columns:repeat(1,1fr)}
}

/* Sticky small state */
.scrolled .site-navbar{padding:0px;box-shadow:0 6px 20px rgba(12,17,43,0.06);background:rgba(255,255,255,0.8)}

/* tiny utilities */
.container{max-width:var(--max-width);margin:0 auto}


/* FAQ & BLOG */
.faq{max-width:var(--max-width);margin:36px auto;padding:20px}
.faq h3{margin-bottom:12px}
.faq-item{background:var(--card);padding:14px;border-radius:10px;margin-bottom:10px;box-shadow:0 6px 20px rgba(12,17,43,0.04)}
.faq-q{cursor:pointer;font-weight:700;display:flex;justify-content:space-between;align-items:center}
.faq-a{margin-top:8px;color:var(--muted);display:none}
.faq-item.open .faq-a{display:block}

.blog{max-width:var(--max-width);margin:36px auto;padding:20px}
.blog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.blog-card{background:var(--card);border-radius:12px;overflow:hidden;box-shadow:0 8px 30px rgba(2,6,23,0.06)}
.blog-card img{width:100%;display:block}
.blog-card .card-body{padding:14px}
.blog-card h4{margin:0 0 8px}
.blog-card p{margin:0;color:var(--muted);font-size:14px}

@media (max-width:900px){
  .blog-grid{grid-template-columns:repeat(1,1fr)}
}
.session-title {
  padding: 30px;
  margin: 0px; }
  .session-title h2 {
    width: 100%;
    text-align: center; }
  .session-title p {
    max-width: 850px;
    text-align: center;
    float: none;
    margin: auto; }
  .session-title span {
    float: right;
    font-style: italic; }

.inner-title {
  padding: 20px;
  padding-left: 0px;
  margin-bottom: 30px; }
  .inner-title h2 {
    width: 100%;
    text-align: center;
    font-size: 2rem;
    font-family: "slab", Arial, Helvetica, sans-serif; }
  .inner-title p {
    width: 100%;
    text-align: center; }

.page-nav {
  padding: 40px;
  text-align: center;
  padding-top: 160px; }
  .page-nav ul {
    float: none;
    margin: auto; }
  .page-nav h2 {
    font-size: 36px;
    width: 100%;
    color: #444; }
    @media screen and (max-width: 600px) {
      .page-nav h2 {
        font-size: 26px; } }
  .page-nav ul li {
    float: left;
    margin-right: 10px;
    margin-top: 10px;
    font-size: 16px; }
    .page-nav ul li i {
      width: 30px;
      text-align: center;
      color: #444; }
    .page-nav ul li a {
      color: #444; }

.btn-success {
  background-color: var(--primary);
  border-color: var(--primary); }
  .btn-success:hover {
    background-color: var(--secondary);
    border-color: var(--secondary) !important; }
  .btn-success:active {
    background-color: var(--primary) !important;
    border-color: var(--primary) !important; }
  .btn-success:focus {
    background-color: var(--primary) !important;
    border-color: var(--primary) !important;
    box-shadow: none !important; }

.btn-info {
  background-color: #4f6dcd;
  border-color: #4f6dcd; }
  .btn-info:hover {
    background-color: #4f6dcd !important;
    border-color: #4f6dcd !important; }
  .btn-info:active {
    background-color: #4f6dcd !important;
    border-color: #4f6dcd !important; }
  .btn-info:focus {
    background-color: #4f6dcd !important;
    border-color: #4f6dcd !important;
    box-shadow: none !important; }

.btn {
  box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
  border-radius: 8px; }

.form-control:focus {
  box-shadow: none !important;
  border: 2px solid  #00a8df; }

.btn-light {
  background-color: #FFF;
  color: #3F3F3F; }

.collapse.show {
  display: block !important; }

.form-control:focus {
  box-shadow: none;
  border: 2px solid #1361a6 !important; }

.form-control {
  background-color: #fff;
  margin-bottom: 20px;border: 1px solid #a7a7a7; }.input-group-text{border: 1px solid #a7a7a7;}
  .form-control:focus {
    background-color: #FFF;
    border-color: #CCC; }
.text-box-cont .form-control{margin: 0;border-radius: 30px;padding: 12px 20px;line-height: 32px;}
.container {
  max-width: var(--max-width); }
  @media screen and (max-width: 575px) {
    .container {
      padding: 20px 30px; } }

::placeholder{
  color: #000;
}
:-moz-placeholder{color: #000;}
::-webkit-input-placeholder{color: #000;}
::-moz-input-placeholder{color: #000;}
::-ms-input-placeholder{color: #000;}
input::placeholder {
  color: red;
  opacity: 0.5;
}

/* ===================================== Header CSS ================================== */
.login-box {
  background-color: #FFF;
  display: flex;
  float: none;
  margin: auto;
  box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.2), 0 0 0 1px rgba(0, 0, 0, 0.08);
  border-radius: 5px; }
  @media screen and (max-width: 575px) {
    .login-box {
      margin-top: 0px; } }
  @media screen and (max-width: 767px) {
    .login-box {
      margin-bottom: 60px; } }

.styl-bg {
  background-image: url(../images/lg.jpg); }

.log-det {
  padding: 20px;
  margin: auto;
  background-color: #FFF; }
  .log-det .small-logo {
    display: flex;
    align-items: center; }
    .log-det .small-logo i {
      font-size: 32px;
      margin-right: 10px; }
  .log-det h2 {
    margin-top: 20px;
    width: 100%;
    text-align: center; }
  .log-det ul {
    float: none;
    margin: auto;
    width: 200px; }
    .log-det ul li {
      float: left;
      padding: 10px; }
      .log-det ul li i {
        padding: 10px;
        border: 1px solid #CCC;
        width: 40px;
        height: 40px;
        text-align: center;
        border-radius: 50px; }
  .log-det p {
    width: 100%;
    text-align: center;
    margin-bottom: 20px;
    margin-top: 10px; }
  .log-det .small-info {
    font-size: 14px; }
  .log-det .text-box-cont {
    max-width: 450px;
    float: none;
    margin: auto; }
    .log-det .text-box-cont .input-group .input-group-prepend span {
      background-color: #fff;
      border-radius: 30px 0 0 30px;
      border-right: 0px;padding: 1rem 1rem; }
    .log-det .text-box-cont .input-group .input-group-prepend i {
      color: #777474; }
    .log-det .text-box-cont .input-group input {
      border-left: 0px;
      border-radius: 0px 30px 30px 0; }
    .log-det .text-box-cont p {
      text-align: right;
      font-size: .9rem; }
      .log-det .text-box-cont p label {
        padding-left: 0px;
        float: left;
        width: auto; }
    .log-det .text-box-cont .btn {
      text-align: center;
      margin: auto;
      margin-bottom: 10px;
      font-size: 16px;background: #176faa;padding: 10px 30px;border-radius: 30px;line-height: 32px;
      width: 48%; }
      input::placeholder {
        color: #808080 !important;font-weight: 400;opacity: 1 !important;text-shadow: none !important;font-size: 16px;
      }
.box-de {
  background-color: #7bcaff;
  display: flex;
  height: 100%; }
  .box-de .ditk-inf {
    margin: auto;
    align-items: center;
    text-align: center;
    color: #FFF;
    padding-left: 18%;
    padding-right: 30px;
    text-align: left; }
    @media screen and (max-width: 900px) {
      .box-de .ditk-inf {
        padding-left: 30px; } }
    @media screen and (max-width: 544px) {
      .box-de .ditk-inf {
        padding: 15px !important; } }
    @media screen and (max-width: 1100px) {
      .box-de .ditk-inf {
        padding-top: 20px; } }
    @media screen and (max-width: 1066px) {
      .box-de .ditk-inf {
        padding-top: 50px; } }
    .box-de .ditk-inf h2 {
      font-size: 2rem; }
      @media screen and (max-width: 1066px) {
        .box-de .ditk-inf h2 {
          font-size: 1.5rem; } }
      @media screen and (max-width: 852px) {
        .box-de .ditk-inf h2 {
          font-size: 1.2rem; } }
    .box-de .ditk-inf p {
      margin-top: 15px;
      font-size: 1rem; }
      @media screen and (max-width: 872px) {
        .box-de .ditk-inf p {
          font-size: .9rem; } }
    .box-de .ditk-inf ul {
      margin-top: 10px; }
      .box-de .ditk-inf ul li {
        padding: 5px;
        padding-left: 10px;
        font-size: .9rem;
        padding-bottom: 0px; }
        .box-de .ditk-inf ul li i {
          margin-right: 7px;
          font-size: 12px; }
    .box-de .ditk-inf .btn-outline-light {
      border-radius: 50px;
      box-shadow: none;
      padding: 5px 20px;
      margin-top: 25px; }
  .box-de .small-logo {
    position: absolute;
    top: 20px;
    left: 20px;
    color: #7bcaff; }
    .box-de .small-logo i {
      font-size: 22px;
      margin-right: 5px; }
  @media screen and (max-width: 767px) {
    .box-de {
      padding: 30px; } }

.sup {
  margin-top: 40px; }

@media screen and (max-width: 767px) {
  .sup-oi {
    margin-top: 40px !important; } }

.foter-credit {
  position: absolute;
  bottom: 10px;
  right: 4%;
  font-size: 14px;
  padding: 10px;
  color: #444;
  font-weight: 600; }
  .foter-credit a {
    color: #444444e0; }
  @media screen and (max-width: 767px) {
    .foter-credit {
      position: relative;
      right: auto;
      bottom: auto;
      text-align: center;
      width: 100%; } }

button {
  border: none;
  box-shadow: none;
  padding: 0;
  cursor: pointer;
  background: transparent;
  color: inherit;
}
.dashboard-body .dashboard-header .profile-notification .noti-btn .badge-pill {
  position: absolute;
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: #ff2730;
  top: 4px;
  right: -7px;
}
.dashboard-body .dashboard-header .profile-notification .noti-btn:after {display: none;}
.main-page-wrapper {
  overflow-x: hidden;
}
.dashboard-body {
  min-height: 80vh;
  height: calc(100vh - 70px);overflow-x: hidden;overflow-y: auto;
  background: var(--background);
  margin-left: 298px;
  padding: 18px 25px 30px;
  margin-top: 70px;border-radius: 16px 16px 0 0;
}
.dashboard-body .dashboard-header {
  position: fixed;
  top: 0;
  right: 0px;
  left: 298px;
  background: #ffffff;
  padding: 12px 40px;
  z-index: 999;
}
.m0 {
  margin: 0 !important;
}
.dashboard-body .dashboard-header .profile-notification .noti-btn {
  height: 45px;
  position: relative;
}
.dashboard-body .dashboard-header .profile-notification .dropdown-menu {
  width: 325px;
  border: none;
  border-radius: 15px;
  box-shadow: 0 50px 100px rgba(0,0,0,.12);
  padding: 25px 18px 30px 22px;
}
.dashboard-body .dashboard-header .profile-notification .dropdown-menu .h4, .dashboard-body .dashboard-header .profile-notification .dropdown-menu h4 {
  font-size: 18px;
  margin-bottom: 20px;
}
.style-none {
  list-style: none;
  padding-left: 0;
  margin-bottom: 0;
}
.dashboard-body .dashboard-header .profile-notification .dropdown-menu .notify-list li {
  position: relative;
  padding-right: 10px;
  cursor: pointer;
  margin-top: 20px;
}
.dashboard-body .dashboard-header .profile-notification .dropdown-menu .notify-list li:before {
  content: "";
  position: absolute;
  width: 8px;
  height: 8px;
  background: #d8d8d8;
  border-radius: 50%;
  right: 0;
  top: 5px;
}
.dashboard-body .dashboard-header .profile-notification .dropdown-menu .notify-list li.unread:before {
  background: #ff2730;
}
.dashboard-body .dashboard-header .profile-notification .dropdown-menu .notify-list li .h6, .dashboard-body .dashboard-header .profile-notification .dropdown-menu .notify-list li h6 {
  font-size: 15px;
  margin-bottom: 3px;
  color: rgba(0, 0, 0, .5);
  width: 85%;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.dashboard-body .dashboard-header .profile-notification .dropdown-menu .notify-list li.unread .h6, .dashboard-body .dashboard-header .profile-notification .dropdown-menu .notify-list li.unread h6 {
  color: #000;
}
.dashboard-body .dashboard-header .profile-notification .dropdown-menu .notify-list li .time {
  font-size: 14px;
  color: rgba(0, 0, 0, .5);
}
.dashboard-body .dashboard-header .user-data .user-avatar {
  width: 45px;
  height: 45px;
  border: 5px solid #fff;
}
.dashboard-body .dashboard-header .user-data .user-avatar::after {display: none;}
.dashboard-body .dashboard-header .user-data .user-name-data .dropdown-menu {
  width: 220px;
  border: none;
  border-radius: 15px;
  box-shadow: 0 10px 20px rgba(0,0,0,.1);
  padding: 12px 0;
}
.dashboard-body .dashboard-header .user-data .user-avatar.online:before {
  content: "";
  position: absolute;
  width: 15px;
  height: 15px;
  border-radius: 50%;
  background: #29d259;
  border: 3px solid #fff;
  right: -6px;
  bottom: 3px;
  z-index: 1;
}
.dashboard-body .dashboard-header .user-data .user-avatar img{width: 100%;height:auto;}
.dash-aside-navbar {
  position: fixed;
  z-index: 1000;
  left: 0;
  top: 0;
  bottom: 0;
  min-height: 100vh;
  overflow-y: auto;
  width: 298px;
  background: #fff;
  padding: 30px 0;
}
.pb-30 {
  padding-bottom: 30px;
}
.dash-aside-navbar .plr {
  padding-left: 20px;
  padding-right: 20px;
}
.dash-aside-navbar .bottom-line {
  border-bottom: 1px solid #e9e9e9;
}
.dashboard-body .plr {
  padding-left: 20px;
  padding-right: 20px;
}
.dash-aside-navbar .close-btn {
  font-size: 28px;
  color: #000;
}
.pt-30 {
  padding-top: 30px;
}
.dash-aside-navbar .bottom-line {
  border-bottom: 1px solid #e9e9e9;
}
.dash-aside-navbar .dasboard-main-nav li a {
  font-size: 16px;
  font-weight: 500;
  color: #000;
  padding: 13px 5px 13px 20px;
  border-radius: 10px;
  transition: all .25s ease-in-out 0s;
}
.dash-aside-navbar .dasboard-main-nav li a.active {
  background: var(--active);
  color: #fff;
}
.dash-aside-navbar .dasboard-main-nav li a.active img{filter: invert(1);}
.dash-aside-navbar .dasboard-main-nav li .nav-title {
  font-size: 13px;
  font-weight: 500;
  letter-spacing: .26px;
  text-transform: uppercase;
  padding-left: 50px;
  color: rgba(0, 0, 0, .3);
  margin-bottom: 10px;
}
.dash-aside-navbar .dasboard-main-nav li a img {
  max-width: 20px;
}
.dash-aside-navbar .dasboard-main-nav li a span {
  padding-left: 15px;
}
.tran3s {
  transition: all .3s ease-in-out;
}
.dash-aside-navbar .logout-btn .icon {
  width: 42px;
  height: 42px;
  background: #000;
}
.dash-aside-navbar .logout-btn span {
  padding-left: 10px;
}
.dash-aside-navbar .logout-btn:hover {
  color: #ff3f25;
}
.dash-aside-navbar .logout-btn:hover .icon {background: #ff3f25; }
.dashboard-body .main-title {
  font-size: 28px;
  margin-bottom: 40px;
}
.dashboard-body .border-20 {
  border-radius: 20px;
}
.dashboard-body .border-30 {
  border-radius: 30px;
}
.dashboard-body .dash-card-one {
  padding: 20px 30px 15px;
  z-index: 1;
}
.dashboard-body .dash-card-one .icon {
  width: 65px;
  height: 65px;
  background: #000;
}
.dashboard-body .dash-card-one .icon i{color: #fff;font-size: 1.2rem;}
.dashboard-body .dash-card-one span {
  font-size: 17px;
  letter-spacing: -.17px;
  color: rgba(0, 0, 0, .5);
}
.dashboard-body .dash-card-one .value {
  font-size: 42px;
  letter-spacing: -.42px;
  color: #000;
}
  .dashboard-body .dash-card-one:before {
    content: "";
    position: absolute;
    height: 95px;
    width: 1px;
    transform: rotate(20deg);
    top: 25%;
    left: -12px;
    background: rgba(0, 0, 0, .13);
}
.dashboard-body .bg-white .col-6 .dash-card-one:first-child::before {display: none;}
.period{background: var(--heading-bg);padding: 10px 20px;border-radius: 6px;margin-bottom: 15px;color: #fff;}
.card-footer{border-top: 1px solid #ebebeb;padding: 15px 30px;}
.card-footer p{font-size: 14px;color: #535353;margin: 0 0 10px;}
.card-footer h4{font-size: 16px;color: #05397e;margin: 0;}
.dashboard-body .property-list-table {
  margin: 0;
}
.table>:not(caption)>*>* {
  padding: .5rem;
  color: var(--bs-table-color-state, var(--bs-table-color-type, var(--bs-table-color)));
  background-color: var(--bs-table-bg);
  border-bottom-width: var(--bs-border-width);
  box-shadow: inset 0 0 0 9999px var(--bs-table-bg-state, var(--bs-table-bg-type, var(--bs-table-accent-bg)));
}
.dashboard-body .property-list-table th, .dashboard-body .member-list-table th {
  border: 0;
  padding: 13px 15px;
  font-size: 14px;
  font-weight: 500;
  text-transform: uppercase;
  color: #fff;
  background: #1861a6;
  letter-spacing: 1px;
}
.action-dots .dropdown-menu{background: #1861a6;color: #fff;}
.action-dots .dropdown-menu .dropdown-item{color: #fff;}
.action-dots .dropdown-menu .dropdown-item:hover{color: #fff;background: #358de0;}
.dashboard-body .property-list-table th:first-child, .dashboard-body .member-list-table th:first-child {
  border-radius: 7px 0 0 7px;
}
.dashboard-body .property-list-table th:last-child, .dashboard-body .member-list-table th:last-child {
  border-radius: 0 7px 7px 0;
  text-align: right;
}
.dashboard-body .property-list-table td, .dashboard-body .member-list-table td {
  font-size: 16px;
  vertical-align: middle;
  box-shadow: none;
  padding: 20px 15px;
  color: rgba(0, 0, 0, .6);
  border: none;
  border-bottom: 1px solid rgba(0, 0, 0, .1);
}
.dashboard-body .member-list-table td{
  padding: 10px 15px;
}
.dashboard-body .action-dots .action-btn {
  padding: 8px;
}
.dashboard-body .action-dots .action-btn span {
  display: block;
  position: relative;
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background: rgba(43, 43, 43, .35);
}
.dashboard-body .action-dots .action-btn span:after, .dashboard-body .action-dots .action-btn span:before {
  content: "";
  position: absolute;
  top: -7px;
  left: 0;
  margin: 0;
  padding: 0;
  width: 4px;
  height: 4px;
  border: none;
  border-radius: 50%;
  background: rgba(43, 43, 43, .35);
}
.dashboard-body .action-dots .action-btn span:after {
  top: auto;
  bottom: -7px;
}
.dashboard-body .action-dots .action-btn:hover span, .dashboard-body .action-dots .action-btn:hover span:after, .dashboard-body .action-dots .action-btn:hover span:before {
  background: #ff6725;
}
.dashboard-body .action-dots .action-btn::after{display: none;}
.dashboard-body .property-list-table td .property-status {
  display: inline-block;
  line-height: 35px;
  border-radius: 40px;
  font-size: 15px;
  padding: 0 25px;
  color: #29a54c;
  background: #d0f3da;
}
.dashboard-body .property-list-table td .property-status.pending {
  background: #fee9e9;
  color: #d06767;
}
.dashboard-body .property-list-table td .property-status.processing {
  background: #f9eec8;
  color: #b5a367;
}
.dashboard-body .property-list-table tbody tr:last-child td {
  border: none;
}
.dashboard-body .property-list-table td:first-child {
  padding-left: 0;
}
.color-dark{color: #000 !important;}
.color-primary{color: var(--primary) !important;}
.section-title{font-size: 1.5rem;}
.payment-details{background: #fff;border-radius: 8px;box-shadow: 0 0 15px rgba(0, 0, 0, .1);padding: 30px 20px;margin-top: 15px;}
.payment-details .col-12{padding-bottom: 20px;}
.payment-details h6{font-size: 14px;color: var(--primary);font-weight: 400;}
.payment-details p{font-size: 14px;color: #000000;}
.payment-details .col-12.total{background: #f5f5f5;padding: 15px;align-items: center;display: flex;}
.payment-details .col-12.total h6{margin: 0;width: 100%;}
.payment-details .col-12.total p{font-size: 16px;font-weight: 600;}

.confirm-msg .successfully{background: #29a54c;color: #fff;padding: 12px;border-radius: 50%;width: 58px;text-align: center;font-size: 1.4rem;}
.dashboard-body .payment-received .main-title{margin: 20px 0 10px;}
.dashboard-body .payment-received p{color: #000;}
.payment-info, .balance-info{
  display: block;border-top: 1px solid #ccc;margin-top: 20px;padding-top: 20px;
}
.payment-info .row{padding-bottom: 12px;}
.payment-info .row .col-12:last-child{color: #000;}
.pagination-one {
  margin: 0 -1px;
}
.pagination-one li {
  padding: 0 1px;
  transition: all .2s ease-in-out 0s;
}
.pagination-one li a {
  width: 40px;
  height: 40px;
  text-align: center;
  line-height: 40px;
  border-radius: 50%;
  font-size: 17px;
  color: #000;
  display: inline-block;
}
.pagination-one li:first-child a, .pagination-one li:last-child a {
  width: auto;
  height: auto;
  background: transparent;
  color: #000;
}
.pagination-one li.selected a, .pagination-one li:hover a {
  background: #000;
  color: #fff !important;
}
.pagination-one li:first-child a, .pagination-one li:last-child a {
  width: auto;
  height: auto;
  background: transparent;
  color: #000;
}
.pagination-one li:last-child a:hover,.pagination-one li:last-child:hover a {
  color: #005db4 !important;
}
.dashboard-body .dash-input-wrapper label {
  display: block;
  font-size: 15px;
  font-weight: 500;
  color: #000;
  margin-bottom: 10px;
}
.dashboard-body .dash-input-wrapper input {
  width: 100%;
  height: 55px;
  letter-spacing: -.16px;
  border: 1px solid #e5e5e5;
  border-radius: 8px;
  padding: 0 20px;
  font-size: 16px;
}
.dashboard-body .dash-input-wrapper textarea {
  border: 1px solid #e5e5e5;
  border-radius: 8px;
  padding: 15px 20px;
  max-width: 100%;
  width: 100%;
  resize: none;
  font-size: 16px;
}
.dashboard-body .dash-input-wrapper textarea.size-lg {
  height: 230px;
  max-height: 200px;
}
.logo a span{padding-left: 10px;font-size: 1.1rem;font-weight: 500;color: var(--primary);font-family: var(--font-heading-bold);}
.user-name-data .info{padding: 20px var(--bs-dropdown-item-padding-x);background: #daf5ff;margin-bottom: 16px;}
.user-name-data .info h3{font-size: 15px;}
.user-name-data .info p{font-size: 12px;opacity: .5;}
.property-list-table .address{font-size: 12px;}
.profile-wrap{padding: 20px;}
.col-seaction-area {display: block;padding: 20px 0 0;}.col-seaction-area .row {--bs-gutter-x:45px;--bs-gutter-y: 35px;}
.col-seaction-area .card{padding: 20px;box-shadow: 0 0 10px rgba(0, 0, 0, .05);border: 0;border-radius: 12px;text-align: center;}
.col-seaction-area .card .icon{width: 110px;height: 110px;padding: 20px;background: #f5f5f5;border-radius: 50%;margin:0 auto 15px;/* box-shadow: 3px 3px 5px rgba(0, 0, 0, .1); */}
.col-seaction-area .card .icon img{max-width: 100%;}
.col-seaction-area .card h4 {font-size: var(--f20);font-weight: 700;color:#000;padding: 0 0 12px;line-height: 1.2;margin: 0;}
.col-seaction-area .card p {font-size: var(--f14);font-weight: 300;color:#646464;}

.benefits-wrapper {background-image: url(../img/society-book-keeper-benifit-img.png);background-position: center right;background-repeat: no-repeat;background-size: contain;}
.left-icon-list {display: flex;flex-direction: column;gap: 15px;}.two-column {flex-direction: row;flex-grow: .5;flex-wrap: wrap;gap: 0;}
.left-icon-list .item {display: flex;align-items: center;gap: 25px;background: #f5f5f5;border-radius: 20px;padding: 5px 20px;}
.two-column.left-icon-list .item {flex: 0 0 50%;max-width: 50%;margin-bottom: 20px;background: transparent;padding: 20px;flex-direction: column;text-align: center;}
.left-icon-list .item .icon {max-width: 64px;}.two-column.left-icon-list .item  .icon {max-width: 200px;}
.left-icon-list .item .info h4 {font-size: 22px;margin: 0;padding: 0 0 5px;font-weight: 700;color: #04233d;}
.left-icon-list .item .info p {font-size: 16px;margin: 0;padding: 0;font-weight: 400;color: #04233d;}

.dark-bg {background: #f5f5f5;background: -webkit-linear-gradient(180deg, rgba(245, 245, 245, 1) 0%, rgba(255, 255, 255, 1) 25%, rgba(255, 255, 255, 1) 50%, rgba(255, 255, 255, 1) 75%, rgba(245, 245, 245, 1) 100%);background: -moz-linear-gradient(180deg, rgba(245, 245, 245, 1) 0%, rgba(255, 255, 255, 1) 25%, rgba(255, 255, 255, 1) 50%, rgba(255, 255, 255, 1) 75%, rgba(245, 245, 245, 1) 100%);background: linear-gradient(180deg, rgba(245, 245, 245, 1) 0%, rgba(255, 255, 255, 1) 25%, rgba(255, 255, 255, 1) 50%, rgba(255, 255, 255, 1) 75%, rgba(245, 245, 245, 1) 100%);filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#F5F5F5", endColorstr="#F5F5F5", GradientType=0);}
.process-section {padding: 120px 0;}
.process-section .heading-area{padding: 0px 0 30px;}
.steps-container {display: flex;justify-content: center;align-items: flex-start;gap: 40px;position: relative;flex-wrap: wrap;margin-bottom: 60px;margin-top: 50px;}
/* Dotted line across steps */
.steps-container::before {content: "";position: absolute;top: 52%;left: 70px;right: 70px;border-top: 2px dashed #333;z-index: 0;}
.step {text-align: center;width: 20%;width: calc(20% - 32px);position: relative;z-index: 1;}
.step-icon {width: 100px;height: 100px;border: 2px solid #0073e6;border-radius: 50%;display: flex;justify-content: center;align-items: center;margin: 0 auto;background: #fff;transition: transform 0.3s ease, box-shadow 0.3s ease;position: relative;z-index: 1;}
.step-icon:before {content: "";height: 30px;width:2px;background: var(--primary);left: 50%;margin-left: -1px;position: absolute;z-index: -1;top: 100%;}
.step-icon img {width: 64px;height: 64px;transition: transform 0.3s ease;}
/* Hover effect */
.step:hover .step-icon {transform: scale(1.1);box-shadow: 0 0 15px rgba(0, 115, 230, 0.5);}
.step:hover .step-icon img {transform: scale(1.15);}
.step-number {background: #0073e6;background: linear-gradient(135deg, #2563eb 0%, #fb923c 100%);color: #fff;border-radius: 50%;width: 48px;height: 48px;display: flex;justify-content: center;align-items: center;font-weight: bold;margin: 25px auto 25px;position: relative;z-index: 2;font-size: 16px;}
.step h3 {font-size: 20px;margin: 10px 0 12px;font-weight: 700;}
.step p {font-size: 14px;color: #5c5c5c;margin: 0;}
/* CTA buttons */
.cta-buttons {display: flex;gap: 20px;margin-top: 10px;}
.cta-buttons a {text-decoration: none;font-size: 16px;padding: 12px 24px;border-radius: 6px;font-weight: bold;transition: 0.3s;}
/* Responsive */
@media(max-width: 767px) {
  .steps-container {
    flex-direction: column;
    align-items: center;
  }
  .steps-container::before {
    content: none;
  }
}

/* Plans */
.billing-toggle {box-shadow: none;background: #e7e8fe;padding: 6px 8px;border-radius: 30px;}
.billing-toggle .btn{box-shadow: none;border: 0;border-radius: 25px !important;}
.pricing-card {border-radius: 12px;padding: 20px;border: 1px solid #e5e5e5;}.pricing-card .card-body {display: flex;flex-direction: column;}
.plan-icon {border: 1px solid #e9e9e9;padding: 5px 8px;width: 48px;height: 48px;display: flex;align-items: center;justify-content: center;border-radius: 6px;font-size: 1.2rem;margin-bottom: 15px;}
.pricing-card .card-title {font-size:1.7rem;}
.pricing-card p {min-height: 30px;}
.pricing-card h2.price {font-size: 2.8rem;font-weight: 700;margin-top: 20px;margin-bottom: 20px;}
.pricing-card h2.price span{font-size: 1.8rem;}
.pricing-card ul {border-top: 1px solid #e5e5e5;padding: 30px;margin-left: calc(-20px - 1rem) !important;margin-right: calc(-20px - 1rem) !important;padding: 30px calc(20px + 1rem);margin-bottom: 0 !important;flex-grow: 1;}
.pricing-card ul li {margin-bottom: 10px;font-size: 1rem;display: flex;gap: 8px;}
.pricing-card.custom-plan {background: linear-gradient(135deg, #fff4ef, #f6f9fd);border: none;box-shadow: var(--bs-box-shadow-sm) !important;}
.billing-toggle .btn {border-radius: 30px;padding: 6px 18px;font-size: 16px;}
.billing-toggle .btn.active {background: #ffffff;color: var(--primary);box-shadow: 2px 2px 6px rgba(0, 0, 0, .1);}

.pricing-card .btn {font-size: 16px;padding: 12px 24px;border-radius: 25px;}

.tagline-scroller {
  background: #ffffff;
  padding: 80px 0;
  overflow: hidden;
  transform: rotate(-2deg); /* slight tilt to section itself */
}

.scroll-wrapper {
  display: flex;
  white-space: nowrap;
  overflow: hidden;
}

.scroll-text {
  display: inline-block;
  padding-right: 80px; /* space between loops */
  font-size: 2.5rem; /* BIG font */
  font-weight: 700;
  color: #000000;
  text-transform: uppercase;
  animation: scroll-left 90s linear infinite;
}
.tagline-scroller.second .scroll-text {
  display: inline-block;
  padding-right: 80px; /* space between loops */
  font-size: 4rem; /* BIG font */
  font-weight: 700;
  color: #000000;
  text-transform: uppercase;
  animation: scroll-right 90s linear infinite;
}

@keyframes scroll-left {
  0%   { transform: translateX(0%); }
  100% { transform: translateX(-100%); }
}
@keyframes scroll-right {
  0%   { transform: translateX(-100%); }
  100% { transform: translateX(0%); }
}

.faq-section::before, .features::before {content: "";position: absolute;left: 6%;top: 6%;width: 150px;height: 150px;filter: blur(100px);background: #0073e6;border-radius: 50%;z-index: -1;opacity: .5;}
.faq-section::after, .features::after {content: "";position: absolute;right: 6%;bottom: 6%;width: 150px;height: 150px;filter: blur(100px);background: var(--secondary);border-radius: 50%;z-index: -1;opacity: .5;}
.features {position: relative;}.features::before {top: 15%;}
.accordion-item {border-radius:10px !important;border:0;margin-bottom: 15px;box-shadow: 0 0 10px rgba(0, 0, 0, .1);}
.accordion-header .accordion-button{padding: 20px 24px;border-radius: 10px !important;font-size: 1.4rem;font-weight: 600;}
.accordion-item .accordion-body {padding: 30px 24px;font-size: 1.2rem;}
.accordion-button:not(.collapsed) {background: var(--primary);color: #fff;}.accordion-button:not(.collapsed)::after {color: #fff;}
.contact-wrapper .row, .blog-section .row {--bs-gutter-x:50px;}
.contact-wrapper .contact-form {padding: 30px 0;max-width: 450px;}
.addresses {padding: 30px 0;}
.addresses li{padding: 15px 0;}
.addresses li a{display: flex;gap: 20px;font-size: 20px;color: #00315f;align-items: center;font-weight: 500;}
.addresses li svg{width: 32px;height: 32px;min-width: 32px;}
.addresses li:first-child svg path {stroke: var(--secondary);}
.addresses li:not(:first-child) svg path {fill: var(--secondary);}
.map {margin-top: 25px;border-radius: 10px;overflow: hidden;}
.map iframe{margin-bottom: -5px;}
.contact-wrapper .form-control {height: auto;padding: 8px 20px;line-height: 26px;font-size: 16px;color: #000;border-color: #c0c0c0;}
.form-text {margin-top: -1rem;margin-bottom: 1.3rem;}
.form-label {font-weight: 500;font-size: var(--f16);}
.btn {
  --bs-btn-padding-x: 20px;
  --bs-btn-padding-y: 10px;
  --bs-btn-font-size: 1.1rem;
  --bs-btn-font-weight: 500;
  --bs-btn-line-height: 1.5;
  --bs-btn-color: var(--bs-body-color);
  --bs-btn-bg: transparent;
  --bs-btn-border-width: var(--bs-border-width);
  --bs-btn-border-color: transparent;
  --bs-btn-border-radius: 5px;
  --bs-btn-hover-border-color: transparent;
  --bs-btn-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075);
}
.btn-primary {
  --bs-btn-color: #fff;
  --bs-btn-bg: var(--primary);
  --bs-btn-border-color: var(--primary);
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #0b5ed7;
  --bs-btn-hover-border-color: #0a58ca;
  --bs-btn-focus-shadow-rgb: 49, 132, 253;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: var(--primary);
  --bs-btn-active-border-color: var(--primary);
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #96a6be;
  --bs-btn-disabled-border-color: #96a6be;
}

.blog-text {padding: 20px 0;}.blog-text h3 {font-size: var(--f28);font-weight: 700;margin: 0;padding: 0 0 20px;}
.blog-text p{font-size: var(--f18);font-weight: 300;color: #4e4e4e;margin: 0;padding: 0 0 25px;}
.contacts {align-items: center;gap: 15px;padding-bottom: 15px;}
.contacts a{display: flex;gap: 5px;font-size: 16px;font-weight: 500;color: #000;align-items: center;}
.contacts a svg{width: 24px;height: 24px;background: var(--primary);border-radius: 50%;padding: 4px;color: #fff;}
.contacts a.btn-link{background: var(--secondary);padding: 5px 18px;border-radius: 5px;color: #fff;text-decoration: none;gap: 10px;line-height: 1.6;}

.security {background: transparent;position: relative;
/* background: -webkit-linear-gradient(180deg, rgba(240, 249, 255, 1) 0%, rgba(255, 255, 255, 1) 100%);
background: -moz-linear-gradient(180deg, rgba(240, 249, 255, 1) 0%, rgba(255, 255, 255, 1) 100%);
background: linear-gradient(180deg, rgba(240, 249, 255, 1) 0%, rgba(255, 255, 255, 1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#F0F9FF", endColorstr="#FFFFFF", GradientType=0); */}
.security::before {content: "";position: absolute;left: 50%;top: 50%;width: 1000px;height: 1000px;z-index: -1;background: url(../img/background-gradient.png) center center no-repeat;background-size: cover;transform: translate(-80%, -50%);}
.security::after {content: "";position: absolute;right: 6%;bottom: 6%;width: 150px;height: 150px;filter: blur(100px);background: var(--secondary);border-radius: 50%;z-index: 0;opacity: .5;}
.security .container {position: relative;z-index: 1;}
.security .heading-area h2{padding: 0;}
.security-info p{font-size: var(--f20);font-weight: 300;line-height: 1.4;padding-bottom: 25px;}

.security-info ul {list-style-type: none;margin: 0;padding: 0 0 25px;display: grid;grid-template-columns:repeat(2,1fr);gap:15px 20px;}
.security-info ul li{position: relative;background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 24 24" fill="none"><path d="M4 12.9L7.14286 16.5L15 7.5" stroke="%231C274C" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/><path d="M20 7.5625L11.4283 16.5625L11 16" stroke="%231C274C" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg>');background-repeat: no-repeat;background-position:left center;background-size: 20px 20px;padding-left: 30px;font-size: var(--f18);font-weight: 500;color: #000;}
.contact-form .btn {border-radius: 25px;line-height: 1.6;}

.big-font {font-size: 3.5rem !important;font-weight: 800 !important;}
.hero::before, .benefits-section:before {content: '';position: absolute;width: 800px;height: 800px;background: radial-gradient(circle, rgba(37, 99, 235, 0.25) 0%, transparent 70%);top: -400px;right: -200px;animation: pulse 8s ease-in-out infinite;z-index: 0;}
.hero::after, .benefits-section:after {content: '';position: absolute;width: 600px;height: 600px;background: radial-gradient(circle, rgba(251, 146, 60, 0.25) 0%, transparent 70%);bottom: -300px;left: -100px;animation: pulse 10s ease-in-out infinite;z-index: 0;}
@keyframes pulse {0%, 100% { transform: scale(1); opacity: 0.5; }50% { transform: scale(1.1); opacity: 0.8; }}
.dotted-bg {background: url(../img/subsection-dots.svg) center center no-repeat;background-size: cover;}
.para {padding: 40px 0;max-width:800px;margin:0 auto;}
.para p{font-size: var(--f22);font-weight: 300;line-height: 1.6;}
.hero-gradient {background: linear-gradient(135deg, #3b82f6 0%, #fb923c 100%);-webkit-background-clip: text;-webkit-text-fill-color: transparent;}
.benefits-section, .section-header, .benefit-tabs, .benefits-grid {position: relative;z-index: 1;}
.whychoose-section.security::before {transform: translate(0%, -50%);}

.stats-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 20px;
    margin-top: 30px;
}

.stat-item {
    text-align: center;
    padding: 20px;
    background: rgba(255, 255, 255, 0.05);
    border-radius: 15px;
}

.stat-item h3 {
    font-size: 36px;
    color: #fb923c;
    font-weight: 800;
}

.stat-item p {
    color: #cbd5e1;
    margin-top: 5px;
}

.section-header {
    text-align: center;
    margin-bottom: 80px;
}

.section-label {
    display: inline-block;
    background: linear-gradient(135deg, #dbeafe 0%, #fef3c7 100%);
    color: #1e40af;
    padding: 8px 20px;
    border-radius: 50px;
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 1px;
    margin-bottom: 20px;
}

.section-title {
    font-size: 48px;
    font-weight: 900;
    color: #0f172a;
    margin-bottom: 20px;
}

.section-subtitle {
    font-size: 20px;
    color: #64748b;
    max-width: 700px;
    margin: 0 auto;
}

.features-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 40px;
}

.feature-card {
    padding: 15px;border-radius: 15px;
    /* box-shadow: 0 10px 40px rgba(0, 0, 0, 0.05); */
    transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    /* border: 1px solid #f1f5f9; */
    position: relative;
    overflow: hidden;text-align: center;
}

.feature-card::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 4px;
    background: linear-gradient(90deg, #2563eb 0%, #fb923c 100%);
    transform: scaleX(0);
    transition: transform 0.4s;
}

.feature-card:hover::before {
    transform: scaleX(1);
}

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

.feature-icon {
    width: 100%;
    height: 240px;
    background: linear-gradient(135deg, #eff6ff 0%, #fff7ed 100%);
    border-radius: 18px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 25px;
}

.feature-card h3 {
    font-size: 22px;
    font-weight: 700;
    color: #0e2763;
    margin-bottom: 15px;
}

.feature-card p {
    color: #77879e;
    line-height: 1.6;
    font-size: 16px;padding-bottom: 12px;
}

.benefits-section {
    background: linear-gradient(135deg, #0f172a 0%, #284a77 100%);
    padding: 120px 40px;
    position: relative;
}

.benefits-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 30px;
    max-width: 1400px;
    margin: 0 auto;
}

.benefit-card {
    background: transparent;
    backdrop-filter: blur(20px);
    padding: 35px;
    border-radius: 20px;
    text-align: center;
    transition: all 0.3s;
}

.benefit-card:hover {
    background: rgba(255, 255, 255, 0.08);
    transform: translateY(-5px);
}

.benefit-icon {
    width: 120px;
    height: 120px;
    /* background: linear-gradient(135deg, #504b48 0%, #fb923c 100%); */border: 1px dashed rgba(255, 255, 255, 0.6);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 0px;
    padding: 30px;
}

.benefit-icon i, .benefit-icon svg {
    color: white;
    font-size: 28px;width: 100%;height: 100%;
}
.benefit-icon img {filter: brightness(0) invert(1);-webkit-filter: brightness(0) invert(1);-ms-filter: brightness(0) invert(1);-moz-filter: brightness(0) invert(1);-o-filter: brightness(0) invert(1);}

.benefit-card h4 {
    color: white;
    font-size: 20px;
    font-weight: 700;
    margin-bottom: 0px;padding: 20px 0;
}

.benefit-card p {
    color: #d4dfee;
    font-size: 18px;font-kerning: 300;
}

.tab-button {
    background: rgba(255, 255, 255, 0.05);
    border: 2px solid rgba(255, 255, 255, 0.1);
    color: #cbd5e1;
    padding: 18px 40px;
    border-radius: 50px;
    font-size: 16px;
    font-weight: 700;
    cursor: pointer;
    transition: all 0.3s;
    display: flex;
    align-items: center;
    gap: 10px;
    backdrop-filter: blur(10px);
}

.tab-button:hover {
    background: rgba(255, 255, 255, 0.1);
    border-color: rgba(255, 255, 255, 0.2);
}

.tab-button.active {
    background: #fff;
    border-color: transparent;
    color: rgb(0, 0, 0);
    box-shadow: 0 10px 30px rgba(37, 99, 235, 0.3);
}

.tab-button i {
    font-size: 20px;
}

.tab-content {
    display: none;
    animation: fadeIn 0.5s ease;
}

.tab-content.active {
    display: grid;
}

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

.process-section {
    background: white;
    padding: 100px 40px;
}

.process-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 50px;
    max-width: 1400px;
    margin: 0 auto;
    position: relative;
}

.process-grid::before {
    content: '';
    position: absolute;
    top: 50px;
    left: 10%;
    right: 10%;
    height: 2px;
    background: linear-gradient(90deg, #2563eb 0%, #fb923c 100%);
    z-index: 0;
}

.process-step {
    text-align: center;
    position: relative;
    z-index: 1;
}

.process-number {
    width: 100px;
    height: 100px;
    background: linear-gradient(135deg, #2563eb 0%, #fb923c 100%);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 25px;
    font-size: 40px;
    font-weight: 900;
    color: white;
    box-shadow: 0 15px 40px rgba(37, 99, 235, 0.3);
    position: relative;
}

.process-number::before {
    content: '';
    position: absolute;
    inset: -5px;
    background: linear-gradient(135deg, #2563eb 0%, #fb923c 100%);
    border-radius: 50%;
    z-index: -1;
    opacity: 0.3;
    animation: ping 2s ease-in-out infinite;
}

@keyframes ping {
    0%, 100% { transform: scale(1); opacity: 0.3; }
    50% { transform: scale(1.1); opacity: 0; }
}

.process-step h4 {
    font-size: 20px;
    font-weight: 800;
    color: #0f172a;
    margin-bottom: 12px;
}

.process-step p {
    color: #64748b;
    font-size: 15px;
}

.cta-section {
    background: linear-gradient(135deg, #1e40af 0%, #fb923c 100%);
    padding: 100px 40px;
    text-align: center;
    position: relative;
    overflow: hidden;border-radius: 20px;
}

.cta-section::before {
    content: '';
    position: absolute;
    width: 500px;
    height: 500px;
    background: radial-gradient(circle, rgba(255, 255, 255, 0.3) 0%, transparent 70%);
    top: -250px;
    right: -100px;
}

.cta-section::after {
    content: '';
    position: absolute;
    width: 100%;
    height: 500px;
    background: url(../img/new-bg2.png) center center no-repeat;
    bottom: 0px;
    right: 0px;opacity: 0.3;
}

.cta-content {
    max-width: 800px;
    margin: 0 auto;
    position: relative;
    z-index: 1;display: flex;flex-direction: column;justify-content:center;
}

.cta-content h2 {
    font-size: 52px;
    font-weight: 900;
    color: white;
    margin-bottom: 25px;
}

.cta-content p {
    font-size: 22px;
    color: rgba(255, 255, 255, 0.9);
    margin-bottom: 40px;
}

.contact-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 30px;
    margin-top: 60px;
}

.contact-card {
    background: rgba(255, 255, 255, 0.15);
    backdrop-filter: blur(20px);
    border: 1px solid rgba(255, 255, 255, 0.2);
    padding: 30px;
    border-radius: 20px;
    transition: all 0.3s;
}

.contact-card:hover {
    background: rgba(255, 255, 255, 0.2);
    transform: translateY(-5px);
}

.contact-card i {
    font-size: 32px;
    color: #fbbf24;
    margin-bottom: 15px;
}

.contact-card h4 {
    color: white;
    font-size: 18px;
    font-weight: 700;
    margin-bottom: 8px;
}

.contact-card p {
    color: rgba(255, 255, 255, 0.9);
    font-size: 16px;
}

.footer {
    background: #0f172a;
    padding: 40px;
    text-align: center;
}

.footer p {
    color: #64748b;
    font-size: 15px;
    margin: 8px 0;
}

.blog-content h1 {font-size:36px;}
.blog-content h2 {font-size:30px;}
.blog-content h3 {font-size:22px;}
.blog-content h4 {font-size:20px;}
.blog-content p {font-size:16px;}
.blog-item {display:flex;align-items:center;gap: 30px;padding: 30px 0;}
.blog-content .blog-item:nth-child(2n) {flex-direction: row-reverse;}
.blog-item img{max-width: 330px;max-height: 570px;object-fit: cover;border-radius: 5px;}
.blog-item .info{max-width: 700px;margin: 0 auto;}

.Highlight {background: #f5f5f5;border-radius: 5px;padding: 60px;}
.Highlight h2{color:var(--primary);margin-bottom: 1.5rem;}
.Highlight p{font-size: 22px;font-weight: 300;}


@media (max-width: 1300px) {
  .container {padding-left:20px;padding-right:20px;}
  .cta-band {margin: 60px 20px;}
  }
@media (max-width: 1200px) {
  .site-menu a {padding: 12px 12px;}
  .hero-inner{padding: 90px 20px;}
}
@media (max-width: 1100px) {
  .hero-right {max-width: 55%;}.hero-left h1 {font-size: 30px;}
  p.lead {font-size: var(--f18);}
  .hero-left {max-width: 44%;}
  .enroll-btn, .enroll-form .form-control {font-size: 14px;}
  .cta-row .btn {font-size: 14px;min-width: 150px;padding: 10px 16px;}
  .left-icon-list .item {gap: 15px;border-radius: 10px;padding: 5px 20px;}
  .left-icon-list .item .icon {max-width: 52px;}
  .left-icon-list .item .info h4 {font-size: 18px;}.left-icon-list .item .info p {font-size: 15px;}
  .steps-container::before {top: 48%;}.benefits-grid {gap:0;}
  .benefits-section {padding: 80px 20px;}.process-number {width: 60px;height: 60px;font-size: 28px;}.process-grid::before {top: 30px;}
}
@media (max-width: 992px) {
  .site-logo img {height: 85px;}
  .site-menu {position: fixed;right: 0;top: 105px;height: calc(100vh - 105px);background: #fff;flex-direction: column;max-width: 400px;width: 100%;padding: 20px;transform: translateX(100%);transition: all ease-in-out 300ms;overflow-y: auto;overflow-x: hidden;z-index: 999;}
  .site-menu a, .mobile-toggle {display: block;}.mobile-toggle {margin-left: auto;}
  .nav-open .site-menu {transform: translateX(0);}
  body.nav-open:before {background: rgba(0, 0, 0, .8);position: fixed;left: 0;top: 0;width: 100%;height: 100%;content: "";z-index: 998;}
  body.nav-open .site-navbar-wrap {background: #fff; box-shadow: 0 2px 10px rgba(0, 0, 0, .1);}body.nav-open {overflow: hidden;}
  .hero {padding: 100px 0px 20px;}
  .hero-inner{padding: 30px 20px;}
  .hero-left, .hero-left .enroll-form, .hero-left p, .hero-left h1 {max-width: 100%;width: 100%;order: 1;}
  .fixed-contact {position: fixed;left: 0;bottom: 0;width: 100%;background: #fff;box-shadow: 0 -2px 10px rgba(0, 0, 0, .1);z-index: 10;max-width: 100vw;}.call-sticky{padding: 20px 30px;display: flex;justify-content: space-between;align-items: center;}
  .call-sticky h4 {color: #000;font-size: 20px;margin: 0;padding: 0 0 10px;font-weight: 600;}
  .call-sticky p {color: #525050;font-size: 16px;margin: 0;padding: 0;}
  .call-icon {color: var(--primary);border-radius: 50%;padding: 10px;display: flex;align-items: center;justify-content: center;width: 40px;height: 40px;border: 1px solid #8d8d8d;margin-right: 20px;}.call-icon svg{width: 100%;height: 100%;}
  .hero-left .enroll-form {display: none;}
  .container {padding-left:20px;padding-right:20px;}
  .hero-right {max-width: 100%;}
  .hero-right img{max-width: 500px;}.whyUs-wrappre .row {--bs-gutter-x: 40px;}
  .title {font-size: 28px;}.whyUs-wrappre .row p, .security-info p {font-size: var(--f18);line-height: 1.4;}
  .heading-area h4 {font-size: var(--f20);}.heading-area h2 {font-size: var(--f32);max-width: 400px;}.title {font-size: var(--f26);}
  .col-seaction-area .row {--bs-gutter-x: 30px;--bs-gutter-y: 30px;}
  .col-seaction-area .card .icon {width: 90px;height: 90px;padding: 15px;}
  .col-seaction-area .card h4 {font-size: var(--f18);}
  .securityApp-wrappre .text-center {text-align: left !important;}
  .securityApp-wrappre .title {max-width: 100%;}
  .security::before {transform: translate(-71%, -70%);}.security-info ul li {font-size: var(--f16);background-position: left 2px;}
  .process-section {padding: 40px 0px;}.steps-container {gap: 20px;margin-bottom: 30px;margin-top: 25px;}
  .step-icon img {width: 56px;height: 56px;}.step-icon {width: 80px;height: 80px;}.steps-container::before {top: 45%;}.step h3 {font-size: 17px;margin: 5px 0 8px;}
  .step {width: calc(20% - 16px);}
  .f18 {font-size: var(--f17) !important;}
  .billing-toggle .btn {font-size: 15px;}.pricing-card .card-body{padding: 0;}
  .pricing-card ul {padding: 20px;margin-left: calc(-20px - 0rem) !important;margin-right: calc(-20px - 0rem) !important;padding: 20px 15px;}
  .pricing-card .card-title {font-size: 1.5rem;}
  .pricing-card h2.price {font-size: 2rem;margin-top: 10px;margin-bottom: 10px;}.pricing-card ul li {margin-bottom: 8px;font-size: 13px;gap: 5px;}
  .pricing-card .btn {font-size: 14px;padding: 8px 20px;}
  .f40 {font-size: var(--f35) !important;}.cta-band .small {font-size: 16px;}.cta-band .btn {min-width: 180px;}
  .scroll-text {font-size: 2rem;}.tagline-scroller {padding:30px 0;}
  .contact-wrapper .contact-form {max-width: 100%;padding-top: 0;}.addresses li a{font-size: 18px;}
  .accordion-header .accordion-button {font-size: 1.2rem;}.accordion-item .accordion-body, .blog-text p {font-size: 15px;}
  .blog-text h3 {font-size: var(--f22);}
  .section {padding: 50px 0;}
  .footer-inner {padding-bottom: 60px;}
  .big-font {font-size: 3rem !important;}.para p {font-size: var(--f20);}.section-title {font-size: 38px;}.section-subtitle {font-size: 18px;}
  .security::before {width: 600px;height: 600px;}
  .process-step h4 {font-size: 18px;}.section-header {margin-bottom: 50px;}.tab-button {font-size: 14px;padding: 10px 25px;}
  .benefit-tabs.gap-5 {gap: 20px !important;}
  .benefit-card {padding: 20px 15px;}.benefit-icon {width: 100px;height: 100px;padding: 24px;}
  .benefit-card h4 {font-size: 18px;padding: 14px 0 8px;}.benefit-card p {font-size: 16px;}
  
  .hero-content {
      grid-template-columns: 1fr;
      gap: 60px;
  }

  .features-grid {
      grid-template-columns: repeat(2, 1fr);
  }
  .cta-section {padding: 60px 30px;}
  .cta-content h2 {font-size: 40px;}.cta-content p {font-size: 20px;margin-bottom: 20px;}
  .cta-section .btn {font-size: 16px !important;padding: 12px 30px !important;min-width: 200px;}
  .blog-content h1 {font-size:26px;}
  .blog-content h2 {font-size:22px;}
  .blog-content h3 {font-size:18px;}
  .blog-content h4 {font-size:17px;}
  .blog-content p {font-size:15px;}
}
@media (max-width: 860px) {
  .contacts a:not(.btn-link) {display: none;}
  .contacts a.btn-link span {display: none;}
  .footer-inner .footer-nav{flex-direction: column;}
}
@media (max-width: 768px) {
  .hero-left h1 {font-size: 26px;}
  p.lead {font-size: var(--f17);}
  .whyUs-wrappre {padding: 60px 0 20px;}
  .whyUs-wrappre .row {--bs-gutter-x: 20px;}.whyUs-wrappre .row img {max-width: 400px;}.whyUs-wrappre .row .col-12 {padding-top:15px;padding-bottom:15px;}
  .whyUs-wrappre .row .title, .whyUs-wrappre .row p {margin: 0 auto 0 0;max-width: 100%;}
  .title {font-size: var(--f24);padding: 0 0 18px;}.whyUs-wrappre .row p, .security-info p  {font-size: var(--f16);}
  .contacts a.btn-link {font-size: 14px;}.contacts {padding-bottom: 5px;}
  .section {padding: 40px 0;}
  .heading-area h2 {font-size: var(--f28);}
  .call-sticky{padding: 15px 20px;}
  .call-sticky h4 {font-size: 16px;padding: 0 0 5px;}
  .call-sticky p {font-size: 15px;}
  .call-icon {width: 32px;height: 32px;margin-right: 0px;padding: 7px;}
  .benefits-wrapper {background: transparent;}
  .security-info ul li {font-size: var(--f15);}
  .cta-row .btn {max-width: 230px;}
  .steps-container {flex-direction: row;flex-wrap: wrap;align-items: flex-start;gap: 0;}
  .step {width: 33.33%;padding: 0 10px 20px;min-height: 278px;}
  .step:before {content: "";width:100%;height: 0px;border-bottom: 2px dashed #000;position: absolute;top: 47%;left: 0;}
  .steps-container .step:first-child:before, .steps-container .step:nth-child(4):before {width:50%;left: 50%;}
  .steps-container .step:last-child:before, .steps-container .step:nth-child(3):before {width:50%;right: 50%;}
  .hero-text h2 {font-size: 36px;}
  .cta-row {gap: 10px;}
  .left-icon-list .item .info h4 {font-size: 16px;}
  .left-icon-list .item .info p {font-size: 14px;}
  .left-icon-list .item {gap: 10px;}
  .left-icon-list .item .icon {max-width: 48px;}
  .billing-toggle .btn {font-size: 14px;}
  .f40 {font-size: var(--f30) !important;}.cta-band .small {font-size: 14px;}.cta-band .btn {min-width: 160px;}
  .scroll-text {font-size: 1.8rem;}.tagline-scroller {padding:30px 0;}
  .cta-band {margin: 30px 20px;padding: 20px;gap: 15px;}.addresses li {padding: 6px 0;}
  .addresses li a{font-size: 16px;}.addresses li svg {width: 24px;height: 24px;min-width: 24px;}
  .accordion-header .accordion-button {font-size: 1.1rem;padding: 14px 18px;}.accordion-item .accordion-body {font-size: 14px;padding: 14px 18px;}
  .blog-text p{font-size: 14px;}
  .big-font {font-size: 2.5rem !important;}.para p {font-size: var(--f18);}.section-title {font-size: 26px;}.section-subtitle {font-size: 16px;}
  .para {padding: 0px 0;}
  .section-header {margin-bottom: 40px;}
  .feature-card h3 {font-size: 18px;}.feature-card p {font-size: 14px;}.feature-icon {height: auto;padding: 10px;margin-bottom: 15px;}
  .features-grid {grid-template-columns: repeat(2, 1fr);gap: 0px;}.feature-card{padding: 15px;}
  .tab-button {font-size: 14px;padding: 8px 16px;}.benefit-tabs.gap-5 {gap: 12px !important;}
  .benefit-icon {width: 80px;height: 80px;padding: 20px;}
  .benefit-card h4 {font-size: 18px;padding: 14px 0 8px;}.benefit-card p {font-size: 16px;}
  .benefits-grid {grid-template-columns: repeat(2, 1fr);gap: 20px;}

    .process-grid {
        grid-template-columns: repeat(2, 1fr);
    }

    .process-grid::before {
        display: none;
    }

    .section-title {
        font-size: 32px;
    }
    .cta-section {padding: 40px 25px;}
    .cta-content h2 {font-size: 32px;}.cta-content p {font-size: 18px;margin-bottom: 20px;}
    .cta-section .btn {font-size: 16px !important;padding: 12px 30px !important;min-width: 200px;}
    .cta-section::after {height: 100%;background-size: cover;}
    .site-logo img {
        height: 65px;
    }
    .blog-content h1 {font-size:22px;}
  .blog-content h2 {font-size:18px;}
  .blog-content h3 {font-size:16px;}
  .blog-content h4 {font-size:15px;}
  .blog-content p {font-size:14px;}
}

@media (max-width: 540px) {
  .step {min-height: 300px;}.step:before {top: 42%;}
  .section-title {
        font-size: 26px;
    }
}

@media (max-width: 500px) {
  html,body {font-size:13px;}
  .whyUs-wrappre .row img {max-width: 100%;}
  .heading-area h4 {font-size: var(--f18);}
  .heading-area h2 {font-size: var(--f24);padding: 0;}
  .hero-left h1 {font-size: 23px;}
  .col-seaction-area .card .icon {width:80px;height: 80px;padding: 15px;}
  .col-seaction-area .card p {font-size: var(--f16);}
  .left-icon-list .item {padding: 5px 10px;}
  .step {width: 50%;padding: 0 10px 20px;min-height: 278px;}
  .step:before {content: "";width:50%;height: 0px;border-bottom: 0px dashed #000;position: absolute;top: 47%;left: 0;}
  .steps-container .step:first-child:before, .steps-container .step:nth-child(3):before {width:50%;left: 50%;}
  .steps-container .step:last-child:before, .steps-container .step:nth-child(4):before {width:50%;right: 50%;left: auto;}
  .whyUs-wrappre {padding: 30px 0 20px;}
  .section {padding: 20px 0;}
  .benefit-tabs {padding: 0 0px;width: 100vw;overflow: auto;justify-content: flex-start !important;}
  .benefit-tabs .tab-button{white-space: nowrap;}
  .two-column.left-icon-list .item {flex: 0 0 100%;max-width: 100%;}

    .features-grid,
    .benefits-grid,
    .process-grid,
    .contact-grid {
        grid-template-columns: 1fr;
    }
    .cta-section {padding: 30px 20px;}
    .cta-content h2 {font-size: 26px;margin-bottom: 12px;}.cta-content p {font-size: 16px;margin-bottom: 20px;}
    .cta-section .btn {font-size: 14px !important;padding: 10px 20px !important;min-width: 200px;}
}
@media (max-width: 420px) {
  .cta-row {flex-direction: column;}
}

@media (max-width: 480px) {
  .cta-band {flex-direction: column;align-items: center;text-align: center;}
  .footer-inner .action {justify-content: flex-start;align-items: flex-start;padding-top: 25px;}
    .hero-text h2 {
        font-size: 28px;
    }

    .cta-content h2 {
        font-size: 36px;
    }

    .cta-content p {
        font-size: 18px;
    }
    .cta-section {padding: 20px 15px;}
    .cta-content h2 {font-size: 18px;margin-bottom: 12px;font-weight: 700;}.cta-content p {font-size: 15px;margin-bottom: 20px;}
    .cta-section .btn {font-size: 14px !important;padding: 10px 20px !important;min-width: 200px;}
    .site-logo img {
        height: 60px;
    }
    .contacts a.btn-link {
        font-size: 13px;padding: 3px 10px;
    }
}
/*# sourceMappingURL=style.css.map */