::-webkit-scrollbar {
  width: 5px;
}

::-webkit-scrollbar-track {
  background: #fff;
}

::-webkit-scrollbar-thumb {
  background: #E50000;
  border-radius: 0;
}
 :root {
      --primary-red: #E50000;
      --text-gray: #666666;
      --text-black: #111111;
      --bg-dark: #111111;
      --primary-gray-bg: #F5F5F5;
      --border-color: #eee;
      --tag-bg-color:#d2d4d680;      
      --tag-active-text-color:var(--primary-red);      
      --tag-text-color:var(--bs-secondary-color); 
      --text-white: #ffffff;
      
    }

    body {
      /*font-family: 'Inter', sans-serif;*/
      font-family: 'Raleway', Helvetica;
      color: var(--text-black);
      overflow-x: hidden;
    }

    /* Custom Utilities */
    .dash-aside-navbar .profile-complete-status .progress-line .inner-line {background: var(--primary-red);}
    .w-72{width: 72% !important;}
    .text-primary-red { color: var(--primary-red) !important; }
    .bg-primary-red { background-color: var(--primary-red) !important; }
    .border-primary-red{border:1px solid  var(--primary-red) !important;}
    .display-6{font-size: 3.5rem;font-weight: 600 !important;}
    .btn-primary-red {
      background-color: var(--primary-red);
      color: white;
      border: none;
      padding: 12px 24px;
      font-weight: 600;
      border-radius: 50px;
      transition: opacity 0.3s;
    }
    .btn-primary-red:hover {
      opacity: 0.9;      
      border: 1px solid var(--primary-red) !important;
      color: var(--primary-red) !important;
    }
    a.btn.btn-primary-red img {
    float: right;
    vertical-align: middle;
    padding: 0;
    margin: 4px;
}
    .btn-outline-red {
      border: 1px solid var(--primary-red);
      color: var(--primary-red);
      padding: 12px 24px;
      font-weight: 600;
      border-radius: 50px;
    }
    .btn-outline-red:hover {
      background-color: var(--primary-red);
      color: white;
    }
    .btn-six{
     border: none !important;
      color: var(--primary-red);
      border: 1px solid var(--primary-red);      
      font-weight: 600;     
      text-decoration: none;
    }
    .btn-six:hover {
      color: var(--text-black) !important;
      letter-spacing: 0.2px;
    }
    /* Section Styling */
    .section-gray-bg{background-color: var(--primary-gray-bg);}
    .section-padding {
      padding: 80px 0;
    }
    @media (max-width: 768px) {
      .section-padding { padding: 50px 0; }
    }

    .section-tag {
      color: var(--primary-red);
      font-weight: 600;
      text-transform: uppercase;
      letter-spacing: 1px;
      margin-bottom: 12px;
      display: block;
    }
    .testimonial-content{margin-top: auto;margin-bottom:auto; }

    /* Navbar */
    .navbar {
      min-height: 90px; /* changed height to min-height to allow growth on mobile */
      background: #fff;
      border-bottom: 1px solid #eee;
      padding: 10px 0;
    }
    @media (max-width: 991px) {
      .navbar { min-height: 70px; }
      /* Added background and padding for mobile menu */
      .navbar-collapse {
        background: #fff;
        padding: 20px;
        border-radius: 0 0 16px 16px;
        box-shadow: 0 10px 30px rgba(0,0,0,0.1);
        margin-top: 10px;
      }
    }
    .navbar-brand img { height: 45px; }
    .nav-link {
      font-weight: 500;
      color: var(--text-black) !important;
      margin: 0 15px;
    }
    .nav-link.active { color: var(--primary-red) !important; }
  /* Header */
    header{background-color: var(--primary-gray-bg);}
    /* Hero */
    .hero-title {
      font-size: clamp(32px, 5vw, 64px);
      font-weight: 700;
      line-height: 1.1;
    }
    .hero-image-container {
      position: relative;
      border-radius: 24px;
      overflow: visible;
      margin: 0px 0;
    }
    .hero-img {
      width: 100%;
      /*border-radius: 24px;
      box-shadow: 0 20px 40px rgba(0,0,0,0.1);*/
    }
    
    /* Floating Hero Elements */
    .floating-badge {
      position: absolute;
      /*background: white;box-shadow: 0 10px 30px rgba(0,0,0,0.1);*/
      border-radius: 16px;      
      z-index: 2;
      padding: 12px 20px;
    }
    .badge-openings {
      top: 60%;
      left: 4%;
      text-align: center;
    }
    .badge-dream-job {
      bottom: 4%;
      left: 1%;
      display: flex;
      align-items: center;
      gap: 12px;
      border-radius: 50px;
    }
    .arrow-btn {
      position: absolute;
      top: -27%;
      right: 15%;
      width: 80px;
      height: 80px;
      background: var(--primary-red);
      border-radius: 50%;
      display: flex;
      align-items: center;
      justify-content: center;
      box-shadow: 0 10px 20px rgba(229,0,0,0.3);
    }
    @media (max-width: 1200px) {
      .badge-openings, .badge-dream-job { display: none; }
    }

    /* Job Categories */
    .category-card {
      border: 1px solid #eee;
      border-radius: 16px;
      padding: 30px;
      text-align: center;
      transition: transform 0.3s, box-shadow 0.3s;
      height: 100%;
      display: flex;
      flex-direction: column;
      justify-content: space-between;
    }
    .category-card:hover {
      transform: translateY(-5px);
      box-shadow: 0 10px 25px rgba(0,0,0,0.05);
    }

    /* About Us Image Stack */
    .about-image-stack {
      position: relative;
      height: 450px;
    }
    .img-back {
      width: 45%;
      height: 94%;
      object-fit: cover;
      border-radius: 16px;
      position: absolute;
      top: 0;
      right: 35%;
      z-index: 9;
    }
    .img-front {
      width: 100%;
      height: 70%;
      object-fit: cover;
      border-radius: 16px;
      position: absolute;
      bottom: 20px;
      left: 0;
      border: 8px solid white;
      z-index: 2;
    }
     
    /* Breadcrumb synchronized style */
    .breadcrumb-section { background-color: #F4F4F4; padding: 30px 0; }
    .breadcrumb a { color: var(--text-gray); text-decoration: none; font-size: 14px; }
    .breadcrumb-item.active { color: var(--text-black); font-weight: 600; font-size: 14px; }

    
    /* Job Card Custom */
    .job-card-custom {
      background: #fff;
      border: 1px solid #eee;
      border-radius: 12px;
      padding: 24px;
      transition: all 0.3s ease;
      position: relative;
      height: 100%;
      min-height: 175px;
      max-height: 200px;
    }
    .job-card-custom:hover {
      box-shadow: 0 10px 30px rgba(0,0,0,0.05);
      border-color: var(--primary-red);
    }
    .job-badge-custom {
      font-size: 11px;
      font-weight: 700;
      padding: 4px 10px;
      border-radius: 4px;
      text-transform: uppercase;
      display: inline-block;
      margin-bottom: 12px;
    }
    .badge-part-time-custom { background: #E6F4EA; color: #1E8E3E;     margin-right: 5px;}
    .badge-full-time-custom { background: #E8F0FE; color: #1967D2; }
    .badge-internship-custom { background: #FEF7E0; color: #F9AB00; }
    
    .job-title-custom { font-size: 20px; font-weight: 700; margin-bottom: 8px; }
    .job-salary-custom { color: var(--text-gray); font-size: 13px; margin-bottom: 20px;display: inline-block; }
    
    .company-info-custom { display: flex; align-items: center; gap: 12px; }
    .company-logo-custom { width: 40px; height: 40px; border-radius: 8px; object-fit: contain; }
    .company-name-custom { font-weight: 600; font-size: 18px; margin-bottom: 2px; }
    .job-location-custom { color: var(--text-gray); font-size: 14px; display: flex; align-items: center; gap: 4px; }
    
    .bookmark-btn-custom {
      position: absolute;
      top: 24px;
      right: 24px;
      color: #ccc;
      font-size: 20px;
      cursor: pointer;
      transition: color 0.3s;
    }
    .bookmark-btn-custom:hover { color: var(--primary-red); }
    .bookmark-btn-custom.active { color: var(--primary-red); }
    .bookmark-btn-custom2{
      top: 24px;
      right: 24px;
      color: #ccc;
      font-size: 20px;
      cursor: pointer;
      transition: color 0.3s;    
    }
    .bookmark-btn-custom2:hover { color: var(--primary-red); }
    .bookmark-btn-custom.active { color: var(--primary-red); }
    


    /* Job Cards */
    .job-card {
      border: 1px solid #eee;
      border-radius: 20px;
      padding: 25px;
      box-shadow: 0 10px 30px rgba(0,0,0,0.05);
      height: 100%;
      text-align: center;
    }
    .job-tag {
      background:var(--tag-bg-color);
      padding: 6px 12px;
      border-radius: 50px;
      font-size: 13px;
      font-weight: 500;
      display: inline-flex;
      align-items: center;
      gap: 5px;
    }
     .job-tag a.job-duration{color: var(--primary-red); text-decoration: none;}
    .job-tag a.job-duration:hover{color: var(--primary-red); text-decoration: none;}
    .job-shortdescription {
      overflow: hidden;
        display: -webkit-box;
        -webkit-line-clamp: 2; /* number of lines to show */
        line-clamp: 2;
        -webkit-box-orient: vertical;
        /* Optional: adds three dots at the end, although line-clamp often handles this */
        text-overflow: ellipsis; 
      }
    /* ===== SEARCH BAR FIX ===== */
    .top-search-wrapper{
    background:#fff;
    border-radius:14px;
    box-shadow:0 8px 30px rgba(0,0,0,0.08);
    padding:10px;
    margin-bottom:40px;
    margin-top: 40px
    }

    .top-search-bar{
    display:flex;
    align-items:center;      /* 🔥 vertical center */
    gap:12px;
    flex-wrap:nowrap;        /* 🔥 prevent break */
    }

    .search-field{
    display:flex;
    align-items:center;
    gap:10px;
    padding:14px 16px;
    flex:1;
    min-width:0;             /* 🔥 prevent overflow */
    }

    .search-field input{
    border:none;
    outline:none;
    width:100%;
    font-size:14px;
    }

    .search-divider{
    width:1px;
    height:28px;
    background:#e5e5e5;
    }

    .search-actions{
    display:flex;
    align-items:center;
    gap:10px;
    flex-shrink:0;           /* 🔥 keep buttons visible */
    }

    .btn-filter{
    background:#f5f5f5;
    border:1px solid #e5e5e5;
    padding:10px 16px;
    border-radius:8px;
    display:flex;
    align-items:center;
    gap:8px;
    white-space:nowrap;
    }

    .btn-find{
    background:#e50000;
    color:#fff;
    border:none;
    padding:10px 22px;
    border-radius:20px;
    font-weight:600;
    white-space:nowrap;
    }

    /* ===== MOBILE ===== */
    @media(max-width:991px){
    .top-search-bar{
        flex-direction:column;
        align-items:stretch;
    }
    .search-divider{
        display:none;
    }
    .search-actions{
        width:100%;
    }
    .btn-filter,
    .btn-find{
        width:100%;
        justify-content:center;
    }
    }
   /* Pagination */
    .pagination-wrapper .page-link {
      width: 40px;
      height: 40px;
      display: flex;
      align-items: center;
      justify-content: center;
      border-radius: 50% !important;
      margin: 0 5px;
      border: none;
      color: var(--text-black);
      font-weight: 500;
      background: #F4F4F4;
    }
    .pagination-wrapper .page-item.active .page-link {
      background-color: var(--primary-red);
      color: #fff;
    }
    .pagination-wrapper .page-link:hover { background-color: #e9ecef; }

    /* Testimonials */
    .testi-card {
      background: white;
      padding: 24px;
      border-radius: 16px;
      box-shadow: 0 10px 25px rgba(0,0,0,0.05);
      margin-bottom: 24px;
      border: 1px solid #EEE;
    }
    @media (min-width: 992px) {
      .testi-card.offset { margin-top: 40px; }
    }

    /* Steps */
    .step-card {
      padding: 40px 30px;
      border-radius: 16px;
      height: 100%;
      box-shadow: 0 10px 25px rgba(0,0,0,0.05);
    }
    .step-number {
      width: 45px;
      height: 45px;
      background: white;
      color: var(--primary-red);
      border-radius: 50%;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      font-weight: 700;
      margin-bottom: 20px;
    }

    /* Footer */
    footer {
      background: #000;
      color: white;
      padding-top: 80px;
    }
    .footer-link {
      color: #ccc;
      text-decoration: none;
      display: block;
      margin-bottom: 12px;
    }
    .footer-link:hover { color: white; }
    .social-icon {
      width: 40px;
      height: 40px;
      border: 1px solid var(--primary-red);
      border-radius: 50%;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      margin-right: 10px;
    }
    footer a.email,footer a.address,footer a.phone{
      color: #ccc;
      text-decoration: none;
      display: block;
      margin-bottom: 12px;
      text-decoration: none;
    }
    footer a.email:hover,footer a.phone:hover,footer a.address:hover{
      color:var(--primary-red);
      text-decoration: none;
    }


    .social-icon:hover{background-color: var(--primary-red) !important;}
    .social-icon:hover img{background-color: #fff !important;border-color: #fff;}
    .copiright-text{color: #FFFFFF;}
    .find-job-title{    
        font-size: 1.32rem;
        width: 160px;
        height: 72px;
        text-align: left;
    }
    .k-title{    font-size: 4.2rem;
    font-weight: 600 !important;
    font-family: 'Raleway', Helvetica;
    letter-spacing: 0px;}
 /* Mobile Menu Specific Styles */
    .main-nav {
      position: fixed;
      top: 0;
      right: 0;
      left: 0;
      bottom: 0;
      text-align: center;
      background: #FFF;
      opacity: 0;
      visibility: hidden;
      transition: all .375s;
      overflow: hidden !important;   /* NO vertical scroll */
      overscroll-behavior: none;

    }

    .main-nav.is-open {
      opacity: 1;
      z-index: 1050;
      visibility: visible;
    }

    .main-nav::before {
      content: '';
      position: absolute;
      top: 0;
      bottom: 0;
      left: 0;
      right: -15px;
      background: var(--primary-red);
      transform-origin: 0 0;
      transform: skew(-14deg) translateX(-120%);
      transition: all .275s .1s;
    }

    .main-nav.is-open::before {
      transform: skew(-15deg) translateX(0);
    }

    body.menu-open {
      overflow: hidden;
      height: 100vh;
    }

    .main-nav ul {
      display: inline-flex;
      flex-direction: column;
      height: 100%;
      justify-content: center;
      transform: translateX(-18%) skew(-16deg);
      list-style: none;
      align-items: center;
      text-align: center;
    }

    .main-nav li {
      display: block;
      margin: .5rem 0;
      text-align: right;
      transform: skew(16deg);
    }

    .main-nav a {
      display: block;
      padding: 12px 0;
      color: #F8F9FA;
      font-size: 1.8em;
      text-decoration: none;
      font-weight: bold;
      opacity: 0;
      transform: translateY(-10px);
    }

    .main-nav.is-open a {
      opacity: 1;
      transform: translateY(0);
    }

    .main-nav li:nth-child(1) a { transition: all 275ms 175ms; }
    .main-nav li:nth-child(2) a { transition: all 275ms 225ms; }
    .main-nav li:nth-child(3) a { transition: all 275ms 275ms; }
    .main-nav li:nth-child(4) a { transition: all 275ms 325ms; }
    .main-nav li:nth-child(5) a { transition: all 275ms 375ms; }


    @media (max-width: 991px) {
      .main-nav {
        top: 70px;
      }
    }

    /* Burger Style */
    .open-main-nav {
      position: relative;
      z-index: 2100;
      background: none;
      border: 0;
      cursor: pointer;
      padding: 10px;
      margin-top: 20px;
    }
    
    .open-main-nav:focus { outline: none; }
    
    .burger {
      position: relative;
      display: block;
      width: 28px;
      height: 4px;
      margin: 0 auto;
      background: var(--text-black);
      transform: skew(5deg);
      transition: all .275s;
    }

    .burger:after,
    .burger:before {
      content: '';
      display: block;
      height: 100%;
      background: var(--text-black);
      transition: all .275s;
      width: 100%;
    }

    .burger:after { transform: translateY(-12px) translateX(-2px) skew(-20deg); }
    .burger:before { transform: translateY(-16px) skew(-10deg); }

    .is-open .burger { transform: skew(5deg) translateY(-8px) rotate(-45deg); }
    .is-open .burger:before { transform: translateY(0px) skew(-10deg) rotate(75deg); }
    .is-open .burger:after { transform: translateY(-12px) translateX(10px) skew(-20deg); opacity: 0; }

    .burger-text {
      display: block;
      font-size: .675rem;
      letter-spacing: .05em;
      margin-top: .5em;
      text-transform: uppercase;
      font-weight: 600;
      text-align: center;
      color: var(--text-black);
    }

    @media (max-width: 991px) {
      /*.open-main-nav { display: block; }*/
      .main-nav { display: block; }
    }
    
    @media (min-width: 992px) {
      .open-main-nav { display: none; }
      .main-nav { display: none; }
    }

    @media (max-width: 991px) {
    /* CTA wrapper */
    .main-nav li.dual-cta {
      position: absolute;
      bottom: calc(20px + env(safe-area-inset-bottom));
      left: 62%;
      transform: translateX(-30%) skew(16deg); /* left space + skew fix */
      display: flex;
      gap: 30px;
      width: 300px;
      justify-content: space-between;
    }

    /* COMMON button size (small) */
    .main-nav li.dual-cta .btn {
      flex: 1;
      padding: 8px 10px;
      font-size: 13px;
      font-weight: 600;
      border-radius: 10px;
      text-align: center;
    }

    /* LEFT: White button on red */
    .main-nav li.dual-cta .btn-register {
      background: #fff;
      color: var(--primary-red) !important;
      border: none;
    }

    /* RIGHT: Red button on white */
    .main-nav li.dual-cta .btn-employer {
      background: var(--primary-red);
      color: #fff !important;
      border: 1px solid #fff;
        }
        }
    @media (max-width: 991px) {
      html,
      body {
        width: 100%;
        overflow-x: hidden !important;
        /*position: fixed;*/
      }

      .main-nav {
        overflow-x: hidden;
      }
    }      
    
    /* Main Job Detail */
    .job-detail-header { display: flex; align-items: flex-start; gap: 24px; margin-bottom: 40px; }
    .main-logo-wrapper { width: 80px; height: 80px; border-radius: 12px; background: #fff; border: 1px solid #eee; padding: 10px; }
    .main-logo-wrapper img { width: 100%; height: 100%; object-fit: contain; }
    
    .job-info-title { font-size: 28px; font-weight: 700; margin-bottom: 8px; }
    .job-info-meta { display: flex; align-items: center; gap: 15px; color: var(--text-gray); font-size: 14px; }
    .badge-custom { padding: 4px 12px; border-radius: 4px; font-size: 12px; font-weight: 600; text-transform: uppercase; }
    .badge-green { background: #E6F4EA; color: #1E8E3E; }
    .badge-orange { background: #FEF7E0; color: #F9AB00; }

    .detail-section-title { font-size: 20px; font-weight: 700; margin: 32px 0 16px; }
    .detail-content { color: var(--text-gray); font-size: 15px; line-height: 1.6; }
    .detail-list { padding-left: 20px; margin-bottom: 24px; }
    .detail-list li { margin-bottom: 10px; }

    /* Sidebar Boxes */
    .sidebar-card { border: 1px solid var(--border-color); border-radius: 12px; padding: 24px; margin-bottom: 24px; }
    .salary-info-box { display: flex; gap: 15px; }
    .info-item { flex: 1; text-align: center; border-right: 1px solid var(--border-color); padding: 10px; }
    .info-item:last-child { border-right: none; }
    .info-item-title { font-size: 13px; color: var(--text-gray); margin-bottom: 8px; }
    .info-item-value { font-size: 16px; font-weight: 700; color: #1E8E3E; }
    .info-item-subtitle { font-size: 12px; color: var(--text-gray); }

    .overview-item { display: flex; align-items: flex-start; gap: 15px; margin-bottom: 24px; }
    .overview-icon { width: 40px; height: 40px; background: #fff; border: 1px solid #eee; border-radius: 8px; display: flex; align-items: center; justify-content: center; color: var(--primary-red); font-size: 18px; }
    .overview-label { font-size: 12px; color: var(--text-gray); text-transform: uppercase; margin-bottom: 4px; }
    .overview-text { font-size: 14px; font-weight: 600; }

    .share-job { display: flex; align-items: center; gap: 15px; margin-top: 20px; }
    .share-job a { color: var(--text-gray); font-size: 18px; }
    .share-job a:hover { color: var(--primary-red); }

    /* Related Jobs */
    .related-jobs-section { padding: 80px 0; background-color: #fff; border-top: 1px solid #eee; }
    
    /* Reuse Job Card Styles */
    .job-card { border: 1px solid #eee; border-radius: 12px; padding: 24px; transition: all 0.3s; }
    .job-badge { font-size: 11px; font-weight: 700; padding: 4px 10px; border-radius: 4px; display: inline-block; margin-bottom: 12px; }
    .job-title { font-size: 18px; font-weight: 700; margin-bottom: 8px; }
    .job-salary { color: var(--text-gray); font-size: 13px; margin-bottom: 20px; }
    .company-info { display: flex; align-items: center; gap: 12px; }
    .company-logo { width: 40px; height: 40px; border-radius: 8px; }

    /**Company Detail */
    .company-open-position{background-color: var(--primary-gray-bg) !important;}
    .company-open-position .title-two h2{color: var(--text-black) ;font-size: 54px;}
/* Contact Us */    
    .contact-us-section .title-one h2{color: var(--text-black)  !important;}
    .address-block-one p .call{color: var(--primary-red) !important;text-decoration: none;}
    .address-block-one p .webaddress{color: var(--primary-red) !important; text-decoration: none;}
/* .blog-details-meta .blog-heading*/
.post-data a {color: var(--text-black) !important;font-size: 16px; font-weight: 600;text-decoration: none;}
.post-data a:hover {color: var(--primary-red) !important;text-decoration: none !important;}  
.blog-meta-two .blog-title{color: var(--text-black) !important;font-size: 32px;text-decoration: none;margin: 10px 0;}
.blog-meta-two .blog-title:hover{color: var(--primary-red) !important;text-decoration: none;}

.blog-details-meta .blog-heading {color: var(--text-black) !important;font-size: 35px;} 
.blog-details-meta .blog-heading {color: var(--text-black) !important;font-size: 35px;} 
.blog-sidebar .category-list li a {color: var(--text-black) !important;text-decoration: none;}
.blog-sidebar .category-list li a:hover {color: var(--primary-red) !important;text-decoration: none;}
.blog-sidebar .sidebar-recent-news img {width: 100px; object-fit: cover; border-radius: 8px;}
.blog-sidebar .sidebar-recent-news .post .title {color: var(--text-black) !important;font-size: 16px; font-weight: 600;text-decoration: none;}
.blog-sidebar .sidebar-recent-news .post .title:hover {color: var(--primary-red) !important;text-decoration: none;}
.blog-sidebar .sidebar-keyword ul li a{background-color: var(--primary-red);color: var(--text-white) !important;text-decoration: none;}
.blog-sidebar .sidebar-keyword ul li a:hover{background-color: var(--primary-red);color: var(--text-white) !important;text-decoration: none;}
.blog-meta-two .post-img a.tags.color-two  {background-color: var(--primary-red);color: var(--text-white) !important;text-decoration: none;font-size: 12px;font-weight: bold;}
.blog-meta-two .post-img a.tags.color-two a:hover {background-color: var(--primary-red);color: var(--text-white) !important;text-decoration: none;}


     @media (max-width: 768px) {
      .job-detail-header { flex-direction: column; align-items: center; text-align: center; }
      .job-info-meta { justify-content: center; flex-wrap: wrap; }
      .header-actions { margin-top: 20px; display: flex; gap: 10px; width: 100%; }
      .header-actions .btn { flex: 1; }
    }

    
/* Pricing Grid */
.pricing-section h2.text-dark {color:var(--primary-red);}
.pricing-grid-container {
  flex-grow: 1;
  padding: 48px;
  background-color: var(--text-white);
}

.pricing-grid {
  display: flex;
  gap: 24px;
  justify-content: center;
  align-items: flex-end; /* Align bottom to handle badge height */
}

.pricing-card-wrapper {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.btn-pricing,.btn-pricing a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 12px 24px;
  border-radius: 3px;
  font-weight: 600;
  font-size: 16px;
  transition: all 0.2s ease;
  gap: 12px;
  text-decoration: none;
}

.btn-pricing-light {
  background-color: var(--primary-red);
  color: var(--text-white);
}
.btn-pricing-primary ,.btn-pricing-light{
  background-color: var(--primary-red);
  color: var(--text-white);
  border-radius: 50px;
}
.btn-pricing-primary:hover ,.btn-pricing-light:hover {
    background-color: var(--text-white);
    color: var(--primary-red);
    border: 2px solid var(--primary-red);
    text-decoration: none;
    border-radius: 50px;
}

.btn-pricing-outline {
  border: 2px solid var(--primary-red);
  color: var(--primary-red);
  background-color: transparent;
}


.badge-pricing {
  background-color: var(--primary-red);
  color: var(--text-white);
  padding: 5px 12px;
  border-radius: 0 0 4px 4px; /* Visual tweak */
  font-size: 14px;
  font-weight: 500;
  display: inline-block;
}
.badge-container {
  width: 100%;
  text-align: left;
  padding-left: 0; /* Badge alignment */
  margin-bottom: -1px; /* Overlap border */
  z-index: 1;
}

.pricing-card {
  background-color: var(--text-white);
  border: 1px solid var(--border-color);
  border-radius: 8px;
  padding: 24px;
  width: 312px;
  display: flex;
  flex-direction: column;
  gap: 24px;
}

.pricing-card.active ,.pricing-card:hover {
  border-color: var(--primary-red);
  box-shadow: 0px 12px 48px 0px rgba(0, 44, 109, 0.1);
}

.card-header h3 {
  font-size: 16px;
  font-weight: 600;
  margin: 0 0 8px 0;
  text-transform: uppercase;
}

.card-header p {
  font-size: 14px;
  color: var(--text-gray);
  margin: 0 0 16px 0;
  line-height: 1.4;
}

.price-row {
  display: flex;
  align-items: baseline;
  gap: 4px;
}

.price {
  font-size: 32px;
  font-weight: 600;
  color: var(--primary-blue);
}

.period {
  font-size: 14px;
  color: var(--text-light-gray);
}

.divider {
  height: 1px;
  background-color: var(--border-color);
  width: 100%;
}

.divider.active {
  background-color: var(--primary-blue);
}

.pricing-feature-list {
  display: flex;
  flex-direction: column;
  gap: 16px;
  padding: 0px;
}

.pricing-feature-list li {
  display: flex;
  align-items: center;
  gap: 12px;
  font-size: 14px;
  color: var(--text-gray);
}

.full-width {
  width: 100%;
}

@media (max-width: 1024px) {
  .pricing-grid {
    flex-wrap: wrap;
  }
  .hero-block {
    flex-direction: column;
    text-align: center;
  }
  .sidebar {
    display: none; /* Hide sidebar on small screens for now */
  }
}
/*faq section*/
.faq-section .nav .nav-link.active {
  background-color: var(--primary-red) !important;
  color: var(--text-white) !important;
}
.faq-section .bg-wrapper {
  background-color: unset !important;
  border-radius: 16px;
  padding: 10px;
}
.accordion-style-two .accordion-item{
  background-color: var(--white);
  border: 1px solid var(--border-color);
  border-radius: 8px;
  padding: 0px;
  display: flex;
  flex-direction: column;
  transition: all 0.3s ease;
  box-shadow: 0px 8px 32px 0px rgba(24, 25, 28, 0.1);
  border-color: var(--border-color);
  margin-bottom: 10px;
}
.accordion-style-two .accordion-body {
    padding: 16px 16px;
    width: 100%;
}
.accordion-style-two .accordion-button {
  font-size: 16px;
  font-weight: 600;
  color: var(--text-black);
  padding: 0;
}
.accordion-style-two .accordion-button{font-size: 20px;padding: 16px 16px;}
.accordion-style-two .accordion-button::after {
  font-size: 24px;
  color: var(--primary-red);  
  border: 1px solid var(--primary-red);
}
.accordion-button:not(.collapsed) {
    color: var(--primary-red);
    background-color: var(--text-light-gray);
    box-shadow: inset 0 calc(-1 * var(--bs-accordion-border-width)) 0 var(--bs-accordion-border-color);
}
/*About Us */
.text-feature-three .title-one h2{color: var(--primary-red) !important;font-size: 50px;}
.text-feature-three .video-post .video-icon{background-color: var(--primary-red) !important; color: var(--text-white) !important;}
.text-feature-three .accordion-button:not(.collapsed)::after{background-image:none !important;}
.text-feature-three .accordion-style-one.color-two .accordion-button{color: var(--primary-red) !important;font-size: 24px;}
.text-feature-one .title-one h2{color: var(--primary-red) !important;font-size: 50px;}

.how-it-works.bg-color{background-color: var(--primary-gray-bg) !important;}
.how-it-works.bg-color-one .title-one h2{color: var(--primary-red) !important;font-size: 50px;}
.how-it-works .card-style-two .icon{background-color: var(--primary-red) !important; color: var(--text-white) !important;}
.how-it-works .title-one h2{color: var(--primary-red) !important;font-size: 50px;}
.how-it-works .card-style-two .title{color: var(--primary-red) !important;font-size: 20px;}

.feedback-section-one .title-one h2{color: var(--primary-red) !important;font-size: 54px;}
.feedback-section-one .slick-arrow-one li{color: var(--primary-red) !important;}

.counter-block-one h2.main-count{color: var(--primary-red) !important;font-size: 50px;}
.feedback-block-one{background:var(--text-white);border: 2px solid var(--primary-red);}
.feedback-block-one:hover {background: var(--primary-light-bg-color);}
.feedback-block-one .review{border-top: 2px solid var(--text-gray);}