.card_with_icons .card_icon {
            border-radius: 10px;
            box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;
            padding: 30px;
            margin: 15px 8px;
            background: #F3F4F6;
            height: 230px;
            text-align: center;
        }
        
        .eight_card h5
        {
            font-weight: 800;
            font-size:23px;
        }
        .faq-title
        {
            font-weight: 700;
        }
        
        .stat-card {
            background-color: #DAE4FA; /* Light blue/lavender color */
            margin: 20px;
          }
          .stat-card .text-primary
          {
              color: #015078 !important;
          }
          
  
        
        .features {
                display: flex;
                justify-content: center;
                gap: 2rem;
                margin-bottom: 30px;
                color: #fff;
                font-size: 18px;
                font-weight: 600;
                align-items: center;
                line-height: 1;
        }

        .card_with_icons .card_icon p b
        {
            font-size: 18px;
    font-weight: 800;
    color:#1F2937;
        }
        .card_with_icons .card_icon p
        {
            color: #6B7280;
        }
        
        .card_icon img {
    width: 50px;
    height: 50px;
    margin-bottom: 10px;
}

         body {
         font-family: "Inter", sans-serif;
         font-optical-sizing: auto;
         font-weight: 500;
         font-style: normal;
         position: relative;
         background-color: #FFFFFF;
         }
         
         .blue_font
         {
             color: #006699;
         }

         .navbar-dark-blue {
         background-color: #071A34; /* Dark blue color */
         }
         .navbar-brand {
         color: #4c8bf5 !important;
         font-size: 1.8rem;
         font-weight: bold;
         }
         .navbar-brand span {
         display: block;
         font-size: 0.8rem;
         font-weight: normal;
         color: #ccc;
         margin-top: -5px;
         }
         .nav-link {
         color: #fff !important;
         font-size: 1.1rem;
         margin-right: 1.5rem;
         }
         .btn-login {
         background-color: #4c8bf5;
         color: #fff;
         padding: 0.5rem 1.5rem;
         font-size: 1.1rem;
         font-weight: bold;
         }
         .btn-login:hover {
         background-color: #3b76e2;
         color: #fff;
         }
         .cart-icon {
         color: #fff;
         font-size: 1.5rem;
         margin-right: 1rem;
         }
         
         /*animation css*/
         .shake-bl {
            	-webkit-animation: shake-bl 8s cubic-bezier(0.455, 0.030, 0.515, 0.955) infinite reverse both;
            	        animation: shake-bl 8s cubic-bezier(0.455, 0.030, 0.515, 0.955) infinite reverse both;
            }
            
            @-webkit-keyframes shake-bl {
              0%,
              100% {
                -webkit-transform: rotate(0deg);
                        transform: rotate(0deg);
                -webkit-transform-origin: 0 100%;
                        transform-origin: 0 100%;
              }
              10% {
                -webkit-transform: rotate(1deg);
                        transform: rotate(1deg);
              }
              20%,
              40%,
              60% {
                -webkit-transform: rotate(-2deg);
                        transform: rotate(-2deg);
              }
              30%,
              50%,
              70% {
                -webkit-transform: rotate(2deg);
                        transform: rotate(2deg);
              }
              80% {
                -webkit-transform: rotate(-1deg);
                        transform: rotate(-1deg);
              }
              90% {
                -webkit-transform: rotate(1deg);
                        transform: rotate(1deg);
              }
            }
            @keyframes shake-bl {
              0%,
              100% {
                -webkit-transform: rotate(0deg);
                        transform: rotate(0deg);
                -webkit-transform-origin: 0 100%;
                        transform-origin: 0 100%;
              }
              10% {
                -webkit-transform: rotate(1deg);
                        transform: rotate(1deg);
              }
              20%,
              40%,
              60% {
                -webkit-transform: rotate(-2deg);
                        transform: rotate(-2deg);
              }
              30%,
              50%,
              70% {
                -webkit-transform: rotate(2deg);
                        transform: rotate(2deg);
              }
              80% {
                -webkit-transform: rotate(-1deg);
                        transform: rotate(-1deg);
              }
              90% {
                -webkit-transform: rotate(1deg);
                        transform: rotate(1deg);
              }
            }
            
            
            
           
            .fade-in-fwd {
                	-webkit-animation: heartbeat 2.5s ease-in-out infinite both;
	        animation: heartbeat 2.5s ease-in-out infinite both;
                }
                
               @-webkit-keyframes heartbeat {
  from {
    -webkit-transform: scale(1);
            transform: scale(1);
    -webkit-transform-origin: center center;
            transform-origin: center center;
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
  }
  10% {
    -webkit-transform: scale(0.91);
            transform: scale(0.91);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
  }
  17% {
    -webkit-transform: scale(0.98);
            transform: scale(0.98);
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
  }
  33% {
    -webkit-transform: scale(0.87);
            transform: scale(0.87);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
  }
  45% {
    -webkit-transform: scale(1);
            transform: scale(1);
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
  }
}
@keyframes heartbeat {
  from {
    -webkit-transform: scale(1);
            transform: scale(1);
    -webkit-transform-origin: center center;
            transform-origin: center center;
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
  }
  10% {
    -webkit-transform: scale(0.91);
            transform: scale(0.91);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
  }
  17% {
    -webkit-transform: scale(0.98);
            transform: scale(0.98);
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
  }
  33% {
    -webkit-transform: scale(0.87);
            transform: scale(0.87);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
  }
  45% {
    -webkit-transform: scale(1);
            transform: scale(1);
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
  }
}

 :root {
         --linkedin-blue: #0A66C2;
         --main-font: "Inter", sans-serif;
         --text-color: #111827;
         --light-gray: #f7f9fc;
         --border-color: #e6e8eb;
         --shadow-color: rgba(0, 0, 0, 0.05);
         --gradient-pink: #ffeef7;
         /* Sticky footer colors */
         --footer-bg: #0d1223;
         --footer-blue: #4a7dff;
         }

         .linkedin-section {
         width: 100%;
         max-width: 100%;
         margin: 0px auto;

         overflow: hidden;
         position: relative;
         background-color: var(--light-gray);
         border: 1px solid var(--border-color);
         font-family: var(--main-font);
         }
         /* Custom Grid Background */
         .linkedin-section::before {
             content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url(../img/d_square.avif);
    background-size: 100%;
    background-position: center top;
    opacity: 1;
    pointer-events: none;
    background-repeat: no-repeat;
    z-index: 1;
        background-color: #ffffffbf;
         }
         .linkedin-content {
         position: relative;
         z-index: 2;
         }
         /* Header and Stats */
         .header-content {
         padding: 2.5rem 1.5rem 0.5rem;
         text-align: center;
         }
         .header-content h1 {
         font-size: 2.75rem;
         font-weight: 800;
         color: var(--text-color);
         }
         .header-content p {
         font-size: 1.25rem;
         color: #555;
         margin-bottom: 1rem;
         }
         .stat-group {
         display: flex;
         justify-content: center;
         align-items: center;
         gap: 2.5rem;
         color: #6c757d;
         font-size: 1rem;
         font-weight: 500;
         }
         .stat-item {
         display: flex;
         align-items: center;
         gap: 0.5rem;
         }
         .stat-item i {
         font-size: 1.25rem;
         color: var(--linkedin-blue);
         }
         /* Logo and backgrounds */
         .logo-section {
         position: relative;
         display: flex;
         flex-direction: column;
         align-items: center;
         justify-content: center;
         margin-top: 2rem;
         }
         .logo-backgrounds {
         position: absolute;
         width: 100%;
         height: 100%;
         top: 0;
         left: 0;
         z-index: 1;
         }
         .logo-backgrounds::before {
         content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 40%;
    background: linear-gradient(to top, var(--gradient-pink) 0%, transparent 100%);
    border-bottom-left-radius: 50% 28%;
    border-bottom-right-radius: 50% 28%;
    transform: translateY(-20%);
         }
         .logo-backgrounds::after {
             content: '';
    position: absolute;
    bottom: 0%;
    left: 0;
    width: 100%;
    height: 494px;
    background: radial-gradient(circle, #006699 0%, #006699 100%);
    border-top-left-radius: 50% 20%;
    border-top-right-radius: 50% 20%;
         }
         .linkedin-logo {
         position: relative;
         z-index: 3;
         width: 100%;
         max-width: 290px;
         height: auto;
         transform: translateY(-20px);
         }
         .watch-video-text {
             position: absolute;
                top: 16%;
                right: 23%;
                font-size: 0.95rem;
                color: #555;
                font-style: italic;
                z-index: 3;
                transform: rotate(-10deg);
                font-family: "Caveat", sans-serif;
                font-size: 22px;
                font-weight: 700;
         }
         /* Feature Bar */
         .feature-bar {
                 position: relative;
            z-index: 4;
            display: flex;
            justify-content: space-around;
            padding: 0rem 4rem 1rem 4rem;
            transform: translateY(-42px);
            text-align: center;
         }
         .feature-item {
         color: white;
         font-size: 11px;
         font-weight: 500;
         line-height: 1.2;
         width: 25%;
         display: flex;
         justify-content: center;
         align-items: center;
         text-align: left;
         margin: 0px 15px;
         padding: 10px 10px;
         background: #005C89;
         border: 1px solid #fff;
         border-radius: 10px;
         }
         .feature-item strong {
         font-size: 14px;
         line-height: 1.5;
         }
         .feature-icon-wrapper {
         width: 35px;
         height: 35px;
         border-radius: 50%;
         background-color: rgba(255, 255, 255, 0.2);
         border: 1px solid rgba(255, 255, 255, 0.4);
         display: flex;
         justify-content: center;
         align-items: center;
         margin-right: 12px;
         }
         .feature-icon-wrapper i {
         font-size: 1rem;
         }
         
         .dot_pattern_bg
         {
            position: relative; 
         }
    /*     .dot_pattern_bg::before*/
    /*     {*/
    /*            content: '';*/
    /*position: absolute;*/
    /*top: 0;*/
    /*left: 0;*/
    /*width: 100%;*/
    /*height: 100%;*/
    /*background: url(../img/dot_pattern.png);*/
    /*background-size: contain;*/
    /*opacity: 0.2;*/
    /*z-index: 3;*/
    /*     }*/
         
       /* Main Section Styles */
         .problems-section-main {
         padding: 60px 20px;
         }
         .problems-content-container {
         padding-top: 30px;
         }
         .section-title-black {
         font-size: 32px;
    font-weight: 700;
    color: #111827;
    margin-bottom: 0.5rem;
    line-height: 1.5;
         }
         
         .section-title-black1
         {
             font-size: 38px;
            font-weight: 700;
            color: #111827;
            margin-bottom: 0.5rem;
            line-height: 1.5;
         }
         /* Problem Cards Grid */
         .problem-card {
         border-radius: 1.5rem;
         padding: 2.5rem 2rem;
         box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);
         border: 1px solid #c0d1f7;
         height: 100%;
         position: relative;
         }
         .problem-card-large {
         background-color: white;
         grid-column: 1 / 2;
         grid-row: 1 / 2;
         display: flex;
         flex-direction: column;
         justify-content: flex-end;
         padding: 2rem;
         }
         .problem-card-blue {
         background-color: #DAE4FA;
         color: #000;
         grid-column: 2 / 3;
         grid-row: 1 / 2;
         padding: 1.5rem 2rem;
         height: 320px;
         }
         .card-title {
         font-size: 1.25rem;
         font-weight: 600;
         line-height: 1.3;
         }
         .problem-card-large .card-title {
         color: #2c3e50;
         }
         .problem-card-blue .card-title-blue {
         color: #006699;
         font-weight: bold;
         margin-top: 0;
         font-size:50px;
         }
         .card-text {
         font-size: 0.9rem;
         line-height: 1.4;
         color: #555;
         }
         .card-text-blue {
         font-size: 0.9rem;
         line-height: 1.4;
         color: #555;
         }
         .marquee {
         overflow: hidden;
         box-sizing: border-box;
         position: relative;
         display: flex;
         align-items: center;
         justify-content: center;
         height: 150px;
         width: 100%;
         overflow: hidden;
         white-space: nowrap;
         }
         .marquee--inner {
         display: block;
         width: 200%;
         position: absolute;
         animation: marquee 4s linear infinite;
         &:hover {
         animation-play-state: paused;
         color: red;
         }
         }
         .marquee--inner img
         {
         width: 160px;  
         }
         .marquee--inner span {
         float: left;
         width: 50%;
         overflow: hidden;
         }
         @keyframes marquee {
         0% {
         right: 0;
         }
         100% {
         right: -100%;
         }
         }
         .arrow-icon {
         font-size: 6rem;
         color: #3b64ff;
         opacity: 0.5;
         }
         .other-content {
         margin-top: 50px;
         border: 1px solid #ccc;
         padding: 10px;
         }
         
           .accordion-button::after {
         background-image: none !important;
         content: '+';
         transform: none !important;
         font-size: 1.5rem;
         transition: content 0.2s ease-in-out, transform 0.2s ease-in-out;
         }
         /* Open State: Cross Icon */
         .accordion-button:not(.collapsed)::after {
         content: 'x';
         transform: none !important; /* No rotation */
         }
         .accordion-item
         {
         border: 1px solid #06172E;
         background: #EBE0FF;
         color: #06172E;
         padding: 10px 4px;
         }
         .accordion-button:not(.collapsed)
         {
         background: #EBE0FF;  
         }
         .accordion-body li span
         {
         font-size: 18px;
         }
         .accordion-button:focus {
         z-index: 3;
         border-color: none;
         outline: 0;
         box-shadow: none;
         }
         .accordion-button
         {
         background: #EBE0FF;  
         }
         
          .pricing-heading h2 {
         font-size: 2.5rem;
         font-weight: 700;
         color: #2c3e50;
         margin-bottom: 0.5rem;
         }
         .wavy-line {
         width: 220px;
         height: 13px;
         margin: 0 auto 2.5rem;
         background: url(../img/bottom_pattern.svg) no-repeat center;
         background-size: contain;
         }
         .pricing-card {
         border-radius: 1.5rem;
         box-shadow: 0 10px 20px rgba(0, 0, 0, 0.05);
         border: 1px solid #e6e8eb;
         background-color: #f7f9fc;
         background-size: 20px 20px;
         background-position: center;
         padding: 2.5rem 1.5rem;
         position: relative;
         z-index: 1;
         overflow: hidden;
         height: 100%;
         display: flex;
         flex-direction: column;
         justify-content: space-between;
         }
         .pricing-card .card-header {
         text-align: center;
         margin-bottom: 1rem;
         }
         .pricing-card .icon-wrapper {
             width: 60px;
    height: 60px;
    background-color: #0E1630;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 auto 1rem;
    font-size: 1.75rem;
    color: #E0F2FF;
         }
         .pricing-card .icon-wrapper.standard-icon {
         font-weight: 700;
         }
         .pricing-card h3 {
         font-size: 1.5rem;
         font-weight: 600;
         margin-bottom: 0.25rem;
         }
         .pricing-card .sub-text {
         color: #6c757d;
         font-size: 0.9rem;
         }
         .pricing-card .price {
         font-size: 2.8rem;
         font-weight: 700;
         color: #2c3e50;
         margin-bottom: 1rem;
         text-align: center;
         }
         .pricing-card .price .rupee {
         font-size: 1.75rem;
         font-weight: 400;
         }
         .pricing-card .price .sub-price {
         font-size: 1.75rem;
         }
         .pricing-card .feature-list {
         list-style: none;
         padding: 0;
         margin: 0;
         }
         .pricing-card .feature-list li {
         font-size: 1rem;
         margin-bottom: 0.25rem;
         display: flex;
         align-items: center;
         font-weight: 600;
         }
         .pricing-card .feature-list i {
         margin-right: 0.75rem;
         font-size: 0.9rem;
         }
         .pricing-card .feature-list .check {
         color: #3264ff;
         }
         .pricing-card .feature-list .cross {
         color: #dc3545;
         }
         .pricing-card .btn-enroll {
         width: 100%;
         padding: 0.70rem;
         border-radius: 50px;
         font-weight: 600;
         border: none;
         color: white;
         background: linear-gradient(to right, #3264ff, #0f46b8);
         margin-top: 1.5rem;
         transition: transform 0.2s;
         }
         .pricing-card .btn-enroll:hover {
         transform: translateY(-2px);
         }
         .pricing-card .card-footer-text {
         text-align: center;
         font-size: 0.75rem;
         color: #6c757d;
         margin-top: 0.75rem;
         }
         /* Premium Card Specific Styling */
         .pricing-card.premium {
         background:radial-gradient(    circle,    rgba(23, 56, 120, 1) 0%,    rgba(7, 10, 29, 1) 100%  );
         color: white;
         box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2);
         border: none;
         }
         
         .pricing-card.premium::before
         {
            content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url(../img/dot_pattern.png);
    background-size: 187%;
    opacity: 0.15;
    z-index: -1;
         }
         .premium .card-header .icon-wrapper {
             background-color: #E0F2FF;
    color: #0E1630;

         }
         .premium h3, .premium .price {
         color: white;
         }
         .premium .sub-text, .premium .feature-list li, .premium .card-footer-text {
         color: #fff;
         }
         .premium .feature-list .check {
         color: white;
         }
         .premium .btn-enroll {
         background: white;
         color: #3264ff;
         }
         .best-value-badge {
         position: absolute;
         top: 20px;
         right: -40px;
         background: white;
         color: #3264ff;
         font-size: 0.7rem;
         font-weight: 700;
         padding: 0.2rem 2.5rem;
         text-transform: uppercase;
         letter-spacing: 1px;
         transform: rotate(45deg);
         z-index: 10;
         }
         @media (max-width: 767px) {
         .pricing-card {
         margin-bottom: 1.5rem;
         }
         }
         /* --- Sticky Footer CSS --- */
         .sticky-footer {
         position: fixed;
         bottom: 10px;
         left: 22%;
         width: 100%;
         background-color: #006699;
         padding: 10px 20px;
         z-index: 1000;
         display: flex;
         justify-content: center;
         align-items: center;
         /* Initially hide the footer off-screen */
         transform: translateY(200%);
         transition: transform 0.5s ease-in-out;
         }
         .sticky-footer.show-footer {
         transform: translateY(0);
         }
         .footer-container {
         display: flex;
         justify-content: space-between;
         align-items: center;
         width: 100%;
         max-width: 600px;
         }
         .footer-link {
         display: flex;
         justify-content: center;
         align-items: center;
         color: white;
         text-decoration: none;
         font-size: 16px;
         font-weight: 500;
         transition: color 0.3s ease;
         padding: 5px;
         }
         .footer-link:hover {
         color: #fff;
         }
         .footer-link i {
         font-size: 17px;
         margin-right: 9px;
         font-weight: 600;
         }
         .enroll-btn-sticky {
         padding: 6px 36px;
         background-color: #FFFFFF;
         color: #091E3C;
         border-radius: 50px;
         text-decoration: none;
         font-weight: 600;
         transition: background-color 0.3s ease;
         }
         .enroll-btn-sticky:hover {
         background-color: #3b6ae1;
         color: white;
         }
         /* Mobile Responsiveness for Sticky Footer */
         @media (max-width: 768px) {
         .sticky-footer {
         padding: 10px 15px;
         }
         .footer-container {
         justify-content: space-around;
         gap: 10px;
         }
         .footer-link {
                 font-size: 12px;
        flex: 1;
        text-align: center;
        flex-direction: column;
         }
         .footer-link i {
                 font-size: 15px;
        margin-right: 0px;
        margin-bottom: 4px;
         }
         .enroll-btn-sticky {
                 font-size: 12px;
        padding: 8px 15px;
        text-align: center;
        width: 36%;
         }
         }
         
          /* Instructor Section */
            .instructor-section {
            padding: 50px 20px;
            font-family: 'Poppins', sans-serif;
            }
            .instructor-card {
            background-image: url(../img/tikesh2.webp);
            background-size: 20px 20px;
            background-position: center;
            border-radius: 1.5rem;
            background-size: 64%;
            background-position: right 89%;
            background-repeat: no-repeat;
            background-color: #EBE0FF;
            }
            .instructor-card .card-body {
            background-size: 20px 20px;
            background-position: center;
            border-radius: 1.5rem;
            }
            .instructor-card .card-title {
            color: #2c3e50;
            font-size: 1.75rem;
            line-height: 1.2;
            }
            .instructor-image {
            max-width: 100%;
            transform: translateY(-20px);
            }
            .stats-list {
            margin: 0;
            padding: 0;
            }
            .stats-list li {
            margin-bottom: 25px;
            }
            .stat-number {
            font-size: 1.7rem;
            color: #052C65; /* LinkedIn blue */
            margin-bottom: 0;
            }
            .stat-text {
            font-size: 1.1rem;
            line-height: 1.2;
            color: #6c757d;
            margin: 0;
            }
            .caption-text {
            font-size: 0.8rem;
            color: #fff;
            font-style: italic;
            background: #071A34;
            border-radius: 0px 0px 10px 10px;
            padding: 13px 10px;
            }
            
              /* New Section: Our Promise */
            .our-promise-section {
            padding: 50px 14px;
            font-family: 'Poppins', sans-serif;
            }
            .promise-image-container {
            border-radius: 20px;
            padding: 30px 10px;
            position: relative;
            height: 100%;
            display: flex;
            justify-content: center;
            align-items: center;
            }
            .promise-image-container img {
            max-width: 60%;
            height: auto;
            }
            .section-title {
            font-size: 2rem;
            font-weight: 700;
            line-height: 1.3;
            color: #2c3e50;
            margin-bottom: 2.5rem;
            }
            .section-title span {
            color: #3264ff; /* LinkedIn blue */
            }
            .promise-point {
            margin-bottom: 1.5rem;
            }
            .point-title {
            font-size: 1.35rem;
            font-weight: 600;
            margin-bottom: 0.5rem;
            color: #006699;
            }
            .promise-point .point-title
            {
            display: flex;
            justify-content: flex-start;
            align-items: center;
            line-height: 1;
            }
            /* Mobile responsiveness */
            @media (max-width: 991px) {
            .section-title {
            font-size: 1.75rem;
            text-align: center;
            margin-top: 2rem;
            }
            .promise-point {
            text-align: center;
            }
            }
            
            .convinced-section {
            background-color: #006699; /* A deep blue, similar to the image */
            color: #fff;
            text-align: center;
            padding: 60px 20px;
            }
            .convinced-container {
            max-width: 800px;
            margin: 0 auto;
            }
            .convinced-section h2 {
            font-size: 2.5em;
            font-weight: bold;
            margin-bottom: 20px;
            }
            .benefits-list {
            list-style: none; /* Removes the default bullet points */
            padding: 0;
            margin: 40px 0;
            font-size: 1.2em;
            }
            .benefits-list li {
            background-color: #005C89;
            border-radius: 8px;
            padding: 15px;
            margin-bottom: 10px;
            line-height: 1.5;
            border: 1px solid #ffffff40;
            }
            .convinced-section h3 {
            font-size: 1.8em;
            font-weight: bold;
            margin-top: 20px;
            }
            
            #faqAccordion .accordion-item {
            border: 1px solid #006699;
            background: #FFFFFF;
            color: #06172E;
            margin-bottom: 12px;
            border-radius: 10px;
            padding: 0px;
            }
            #faqAccordion .accordion-button {
            background: #FFFFFF;
            color: #071A34;
            font-size: 19px;
            font-weight: 600;
            border-radius: 10px;
            }
            #faqAccordion .accordion-button:not(.collapsed) {
            background: #DAE4FA !important;
            border-radius: 10px 10px 0px 0px !important;
            }
            #faqAccordion .accordion-button::after {
            background-image: none !important;
            content: '+';
            transform: none !important;
            font-size: 2.5rem;
            transition: content 0.2s 
            ease-in-out, transform 0.2s 
            ease-in-out;
            line-height: 1;
            height: 2.5rem;
            color: #006699;
            font-weight: 300;
            }
            #faqAccordion .accordion-collapse
            {
            border-radius: 0px 0px 10px 10px;
            background: rgb(218, 228, 250); 
            }
            
            .faq-sidebar {
            position: sticky;
                top: 50px; /* Add padding to match Bootstrap's column gutters */
            }
            
            .btn-close
            {
                  filter: invert(1);
                opacity: 1;
                /* background: red; */
                color: #000;
                margin: auto !important;
                font-size: 22px;  
            }
            
              #sticky-footer {
            z-index: 9;
            border-radius: 16px;
            gap: 8px;
            width: 100%;
            max-width: 800px;
            height: min-content;
            padding: 16px 24px;
            box-shadow: 0 -.602187px .602187px -.833333px #00000021, 0 -2.28853px 2.28853px -1.66667px #00000021, 0 -10px 10px -2.5px #00000021;
            margin: auto;
            }