:root{
  --primary:#6366f1;
  --secondary:#22c55e;
  --bg:#f8fafc;
}

/* BODY */
body{
  background:var(--bg);
  color:#020617;
}

html, body {
  width: 100%;
  overflow-x: hidden;
}
 /* Remove focus outline for navbar-toggler */
    @media (max-width: 1024px) { /* mobile & tablet */
      .navbar-toggler:focus {
        outline: none;
        box-shadow: none;
      }
    }

    /* Optional: subtle focus for desktop */
    @media (min-width: 1025px) {
      .navbar-toggler:focus {
        outline: none;
        box-shadow: 0 0 0 3px rgba(99, 102, 241, 0.5); /* subtle blue glow */
      }
    }
/* Fix full-width sections */
section {
  max-width: 100vw;
  overflow-x: hidden;
}

/* Fix Bootstrap row overflow */
.row {
  margin-left: 0;
  margin-right: 0;
}

.row > * {
  padding-left: 0.75rem;
  padding-right: 0.75rem;
}

/* Hero fix */
.hero {
  width: 100%;
  overflow-x: hidden;
}

/* Image safety */
img {
  max-width: 100%;
  height: auto;
  display: block;
}
/* NAVBAR */
.navbar{
  background:#ffffff;
  box-shadow:0 2px 10px rgba(0,0,0,.05);
}
footer{
  background:#ffffff;
  border-top:1px solid #e5e7eb;
}
footer a:hover{
  color:#6366f1 !important;
}
/* HERO */
.hero{
  padding:130px 0 100px;
  background:linear-gradient(180deg,#eef2ff,#ffffff);
}
.hero-title{
  font-size:clamp(2.2rem,4vw,3.2rem);
}
.gradient-text{
  background:linear-gradient(90deg,#6366f1,#22c55e);
  -webkit-background-clip:text;
  color:transparent;
}

/* BUTTON */
.btn-gradient{
  background:#ff113a;
  border:none;
  color:#fff;
  border-radius:11px;
  padding:12px 22px;
  position:relative;
  font-size: 1rem;
}

/* Arrow */
.btn-gradient::after{
  content:"→";
  margin-left:10px;
  transition:transform .3s ease;
  display:inline-block;
}
.btn-gradient:hover{
  background:#f47187; /* slightly darker */
  color:white;
}
/* Hover animation */
.btn-gradient:hover::after{
  transform:translateX(5px);
}
.login{

  border:2px solid rgb(186, 186, 186);
  color:#000000;
  border-radius:12px;
  padding:8px 10px;

 
}
.get-startrd{
   background:#ff113a;
  border:none;
  color:#fff;
  border-radius:12px;
 
 padding:10px 10px;

}
/* Default styling */

  .get-startrd {
    margin-top: 0rem;
  }
/* Tablets (768px to 1024px) */
@media (max-width: 1024px) {
  .get-startrd {
    margin-top: 0.5rem;
  }
}

/* Mobile (less than 768px) */
@media (max-width: 767px) {
  .get-startrd {
    margin-top: 0.5rem;
  }
}

.get-startrd:hover{
  background:#f47187; /* slightly darker */
  color:white;
}
/* CARD */
.card-modern{
  border:0;
  border-radius:18px;
  box-shadow:0 15px 35px rgba(2,6,23,.08);
}

/* ICON BOX */
.icon-box{
  width:55px;
  height:55px;
  border-radius:14px;
  background:linear-gradient(135deg,#6366f1,#22c55e);
  color:#fff;
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:22px;
}

/* SECTION */
.section{
  padding:80px 0;
}

/* FOOTER */
footer{
  background:#ffffff;
  border-top:1px solid #e5e7eb;
}
.testimonial-card{
  border:0;
  border-radius:18px;
  box-shadow:0 12px 30px rgba(2,6,23,.08);
}
/*features*/

.feature-glass{
  background:rgba(255,255,255,.75);
  backdrop-filter:blur(12px);
  border-radius:20px;
  padding:28px;
  box-shadow:0 15px 40px rgba(2,6,23,.08);
  transition:.35s ease;
}
.feature-glass:hover{
  transform:translateY(-10px);
  box-shadow:0 25px 55px rgba(2,6,23,.15);
}

.icon-wrap{
  width:58px;
  height:58px;
  border-radius:16px;
  display:flex;
  align-items:center;
  justify-content:center;
  color:#fff;
  font-size:24px;
  box-shadow:0 10px 25px rgba(0,0,0,.15);
}


/*pricing*/




/* Toggle */
.billing-toggle{
  background:#eee;
  border-radius:30px;
  padding:4px;
  display:inline-flex;
}
.billing-toggle button{
  border:0;
  background:transparent;
  padding:8px 20px;
  border-radius:30px;
  font-weight:600;
}
.billing-toggle .active{
  background:#ff113a;
  color:#fff;
}

/* Cards */
.pricing-card{
  background:#fff;
  border-radius:20px;
  border:2px solid #e5e7eb;
  padding:30px;
  height:100%;
  box-shadow:0 15px 40px rgba(0,0,0,.06);
}

.pricing-card.popular{
  border-color:#ff113a;
  transform:scale(1.03);
}

.ribbon{
  background:#ff113a;
  color:#fff;
  text-align:center;
  font-size:14px;
  padding:6px;
  border-radius:12px 12px 0 0;
  margin:-30px -30px 20px;
}

.price{
  font-size:40px;
  font-weight:700;
  color:#ff113a;
}
.features{
    margin-bottom: 1.7rem;
}
.features li{
  list-style:none;
  margin-bottom:10px;
  display:flex;
  align-items:center;
  gap:10px;
}

.features .bi-check-circle-fill{
  color:#16a34a;
}

.features .bi-x-circle-fill{
  color:#ef4444;
}
.choose-btn{
    text-decoration: none;
}
.choose-btn{
  background:#ff113a;
  border:none;
  color:#fff;
  border-radius:12px;
  padding-bottom: 10px;
  margin-top: 60px;
  padding-top: 10px;
  padding-left: 100px;
  padding-right: 100px;

}

.choose-btn:hover{
  filter:brightness(.9);
}
 /* Remove focus outline for navbar-toggler */
    @media (max-width: 1024px) { /* mobile & tablet */
      .choose-btn{
          padding-left:1rem;
          padding-right:1rem;
      }
    }

    /* Optional: subtle focus for desktop */
    @media (min-width: 1025px) {
     .choose-btn{
          padding-left:1rem;
          padding-right:1rem;
      }
    }
/*features */

:root{
    --primary:#6366f1;
    --accent:#22c55e;
    --bg:#f8fafc;
    --dark:#020617;
    --card:#ffffff;
    --card-dark:#0f172a;
}

body.light{ background:var(--bg); }
body.dark{ background:var(--dark); color:#e5e7eb; }

.features-hero{
background: linear-gradient(135deg, rgb(190, 18, 60), rgb(225, 29, 72));
;
    color:#fff;
    padding:90px 0;
}

.card{
    border:none;
    background:var(--card);
}
body.dark .card{
    background:var(--card-dark);
}

.icon{
    font-size:40px;
    color:var(--primary);
}
/*about us*/
.about-hero{
    background-color: pink;
    color:#000000;
    padding:90px 0;
}

/* Section icons */
.icon{
    font-size:40px;
    color:var(--primary);
}
/*contact*/
.hero{
  padding:120px 0 80px;
  text-align:center;
  background:#fffff;;
}
.hero h1{
color: black;
}

/* CARD */
.card-modern{
  border:0;
  border-radius:20px;
  box-shadow:0 15px 40px rgba(2,6,23,.08);
}

/* FORM */
.form-control{
  border-radius:12px;
  padding:12px 14px;
}
.form-control:focus{
  border-color:var(--primary);
  box-shadow:0 0 0 .15rem rgba(99,102,241,.15);
}

/* BUTTON */
.btn-gradien{
  background:#ff113a;
  border:none;
  border-radius:12px;
  color:#fff;
}
.btn-gradien:hover{
  opacity:.9;
}

/* INFO ICON */
.info-icon{
  width:48px;
  height:48px;
  background:#ff113a;
  border-radius:14px;
  display:flex;
  align-items:center;
  justify-content:center;
  color:#fff;
}
/*blog single page*/

/* CONTENT */
.blog-content{
  background:#ffffff;
  border-radius:18px;
  box-shadow:0 15px 40px rgba(2,6,23,.08);
  padding:40px;
}

/* IMAGE */
.blog-cover{
  border-radius:16px;
  margin-bottom:25px;
}

/* META */
.meta{
  font-size:14px;
  color:#6b7280;
}

/* SIDEBAR */
.sidebar-card{
  border:0;
  border-radius:18px;
  box-shadow:0 10px 30px rgba(2,6,23,.08);
}

/* CATEGORY BADGE */
.badge-category{
  background:#eef2ff;
  color:#4f46e5;
}

/* LINKS */
.blog-content a{
  color:#4f46e5;
  text-decoration:none;
}
.blog-content a:hover{
  text-decoration:underline;
}

/*bloglist page*/

/* BLOG CARD */
.blog-card{
  border:0;
  border-radius:18px;
  overflow:hidden;
  box-shadow:0 15px 35px rgba(2,6,23,.08);
  transition:.3s;
}
.blog-card:hover{
  transform:translateY(-6px);
}

/* IMAGE */
.blog-img{
  height:190px;
  object-fit:cover;
}

/* CATEGORY BADGE */
.badge-category{
  background:#eef2ff;
  color:#4f46e5;
}

/* SEARCH */
.search-box{
  border-radius:14px;
  box-shadow:0 10px 30px rgba(2,6,23,.08);
}

/* CATEGORY SIDEBAR */
.category-card{
  border:0;
  border-radius:18px;
  box-shadow:0 10px 30px rgba(2,6,23,.08);
}
.category-link{
  text-decoration:none;
  color:#020617;
  padding:10px 12px;
  border-radius:10px;
  display:flex;
  justify-content:space-between;
}
.category-link:hover{
  background:#eef2ff;
}

/* PAGINATION */
.page-link{
  border-radius:10px !important;
  margin:0 4px;
  color:#4f46e5;
}
.page-item.active .page-link{
  background:#6366f1;
  border-color:#6366f1;
}