@import url('https://fonts.googleapis.com/css2?family=Cormorant+Infant:wght@400;500;600;700&display=swap');
       @import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700&display=swap');
       @import url('https://fonts.googleapis.com/css2?family=Reddit+Sans:wght@300;400;500;600;700&display=swap');


       :root {
         /* Theme Colors */

         --font-main: "Cormorant Infant", serif;
         --font-heading: 'Manrope', ui-sans-serif, system-ui, sans-serif,
           "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";

         --primary-red: #ED1C24;
         --dark-bg: #0C0C0C;
         --light-gray: #F2F2F2;
         --text-dark: #ffffff;
         --text-light: #999999;

         /* Mobile Navbar Colors */
         --mbnav-bg: var(--primary-red);
         --mbnav-bg-from: var(--primary-red);
         --mbnav-bg-to: var(--primary-red);
         --mbnav-bg-glass: #b80000bb;
         --mbnav-bg-glass-from: #b80000bb;
         --mbnav-bg-glass-to: #b80000bb;

         /* Sub Mobile Navbar Colors */
         --submbnav-bg: #111111;
         --submbnav-bg-from: #111111;
         --submbnav-bg-to: #111111;

         /* Text Colors for Nav */
         --mbnav-color: var(--text-dark);
         --submbnav-color: var(--text-dark);
         --submbnav-color-10: #ffffff1a;
         /* translucent white */
       }


       body {
         font-family: "Reddit Sans", sans-serif;
       }

       .max-w-4xl {
         max-width: 800px;
       }

       .max-w-7xl {
         max-width: 1200px;
       }

       h1,
       h2,
       h3,
       h4,
       h5,
       h6 {
         font-family: 'Manrope', ui-sans-serif, system-ui, sans-serif,
           "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji" !important;

       }

       h3 {
         font-size: 28px;
         font-weight: 600 !important;
       }

       /* .nav {
         border-bottom: 3px solid red;
       } */

       p {
         font-size: 16px;
         font-weight: 400;
       }


       * {
         margin: 0;
         padding: 0;
         box-sizing: border-box;
       }

       html,
       body {
         font-family: 'Exo', sans-serif;
       }


       .active {
         color: var(--primary-red) !important;
       }

.menu-toggle i{
    font-size:35px;
}

       .nav-section {
         padding: 20px 0;
       }

       .section {
         padding: 40px 0;
       }

       section {
         overflow-x: hidden !important;
       }


       /* Top Navigation Bar */
       .top-nav {
         /* background-color: white; */
         background: linear-gradient(90deg, rgba(169, 2, 20, 1) 0%, rgba(204, 11, 31, 1) 51%, rgba(229, 18, 39, 1) 100%);
         ;
         transition: background .3s, border .3s, border-radius .3s, box-shadow .3s;
         padding: 0px 20px;
         display: flex;
         justify-content: space-between;
         align-items: center;
         flex-wrap: wrap;
         gap: 15px;
         --widgets-spacing: 20px 20px;
         --widgets-spacing-row: 20px;
         --widgets-spacing-column: 20px;
         -webkit-transition: background .3s, border .3s, border-radius .3s, box-shadow .3s;
         -moz-transition: background .3s, border .3s, border-radius .3s, box-shadow .3s;
         -ms-transition: background .3s, border .3s, border-radius .3s, box-shadow .3s;
         -o-transition: background .3s, border .3s, border-radius .3s, box-shadow .3s;
       }

       .top-nav-left {
         display: flex;
         gap: 20px;
         align-items: center;
         flex-wrap: wrap;
       }

       .top-nav-left a {
         color: var(--primary-red);
         text-decoration: none;
         font-size: 13px;
         text-decoration: none;
         font-weight: 500;
         transition: color 0.3s ease;
         -webkit-transition: color 0.3s ease;
         -moz-transition: color 0.3s ease;
         -ms-transition: color 0.3s ease;
         -o-transition: color 0.3s ease;
       }

       .top-nav-left a:hover {
         color: var(--primary-red);
       }

       .top-nav-right {
         display: flex;
         gap: 8px;
         align-items: center;
       }

       .top-nav-right a {
         color: var(--text-dark);
         font-size: 18px;
         text-decoration: none;
         transition: color 0.3s ease;
         font-weight: 400;
         font-style: normal;

       }

       .top-nav-right a:hover {
         color: var(--primary-red);
       }

       /* Main Navbar */
       .main-navbar {
         background-color: var(--dark-bg);

         display: flex;
         justify-content: center;
         align-items: center;
         flex-wrap: wrap;
         gap: 15px;
       }

       .navbar-logo img {
         width: 300px;

       }

       .navbar-menu {
         display: flex;
         gap: 25px;
         align-items: center;
         flex: 1;
         justify-content: center;
       }

       .navbar-menu a {
         /* color: var(--primary-red); */
         color: white;
         text-decoration: none;
         font-size: 16px;
          font-weight: 700; 
         position: relative;
         transition: color 0.3s ease;

       }

       .navbar-menu a:hover {
         color: var(--dark-bg);
       }

       .navbar-menu .dropdown-toggle::after {
         content: '';
         margin-left: 5px;
         display: inline-block;
         border-left: 3px solid transparent;
         border-right: 3px solid transparent;
         border-top: 3px solid currentColor;
       }

       .navbar-right {
         display: flex;
         gap: 20px;
         align-items: center;
       }

       .search-btn,
       .settings-btn,
       .menu-icon {
         background: none;
         border: none;
         color: var(--text-dark);
         font-size: 21px;
         cursor: pointer;
         transition: color 0.3s ease;
         -webkit-transition: color 0.3s ease;
         -moz-transition: color 0.3s ease;
         -ms-transition: color 0.3s ease;
         -o-transition: color 0.3s ease;
       }

       .search-btn:hover,
       .settings-btn:hover {
         color: var(--light-gray);
       }

       /* Search Bar */
       .search-bar {
         background-color: var(--light-gray);
         padding: 15px 20px;
         display: none;
         gap: 10px;
         align-items: center;
         justify-content: flex-end;
       }

       .search-bar.active {
         display: flex;
       }

       .search-input {
         flex: 1;
         max-width: 400px;
         padding: 10px 15px;
         border: none;
         border-radius: 4px;
         background-color: var(--dark-bg);
         color: var(--text-light);
         font-family: 'Exo', sans-serif;
       }

       .search-input::placeholder {
         color: var(--text-light);
       }

       .search-input:focus {
         outline: none;
         box-shadow: 0 0 5px rgba(214, 48, 49, 0.3);
       }

       .close-search {
         background: none;
         border: none;
         color: var(--text-light);
         font-size: 20px;
         cursor: pointer;
         transition: color 0.3s ease;
       }

       .close-search:hover {
         color: var(--dark-bg);
       }





       .news-heading {
         background-image: var(--bg);
         padding: 2px;
         min-height: 30px;
         font-weight: 600 !important;
       }

       .bottom-fixed {
         position: fixed;
         bottom: 0;
       }

       .bottom-fixed.hidden {
         opacity: 0;
         pointer-events: none;
       }


       .news-heading h4 {

         text-decoration: none;
         margin: 0;
         font-size: 18px;
         font-weight: 600;
       }

       /* hero */
       .hero-section {
         position: relative;
         width: 100%;
         box-shadow: rgba(17, 17, 26, 0.1) 0px 0px 16px;
         /* 
              background-image: url('../img/02.webp'); 
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover; */

         display: flex;
         align-items: center;
         justify-content: center;
         overflow: hidden;
       }

       /* .hero-overlay {
            position: absolute;
            inset: 0;
            background-color: transparent;
background-image: linear-gradient(
  180deg,
  rgba(0, 0, 0, 0.15) 0%,  
  rgba(0, 0, 0, 0.85) 100% 
);


        } */

       h2 {
         position: relative;
       }

       .hero-content {
         position: relative;
         z-index: 2;
         color: var(--primary-red);
         padding: 40px 20px;
       }



       .hero-img {
         transform: scale(1.1);
         -webkit-transform: scale(1.1);
         -moz-transform: scale(1.1);
         -ms-transform: scale(1.1);
         -o-transform: scale(1.1);
       }

       .hero-section .heading {
         margin-bottom: 0px !important;
       }

       .heading-container {
         position: relative;
         display: inline-block;
         z-index: 2;
       }

       .hero-heading-img {
         left: 400px !important;
         z-index: 1;
         position: absolute;
         bottom: 0;

       }



       .image {
         display: block;
         margin: 20px auto;
         max-width: 100%;
         height: auto;
       }

       .logo-left {
         rotate: 50deg;

       }

       .hero-content .heading-hero {
         font-weight: 700;
         font-size: 3rem;
         position: relative;

         z-index: 5;
       }

       .hero-line {
         margin-top: 40px;
         font-size: 42px;
         max-width: 900px;
         font-weight: 700;

         line-height: 1.2em;
         color: var(--dark-bg);
       }

       .hero-content h1 span.line {
         display: inline-block;
         width: 150px;
         height: 5px;
         background-color: var(--primary-red);
         margin-left: 15px;
         vertical-align: middle;
       }

       .hero-content h2 {
         font-weight: 700;
         font-size: 4rem;
         margin-top: 10px;
       }

       .hero-line {
         margin-top: 40px;
         font-size: 42px;
         font-weight: 700;

         line-height: 1.2em;
         color: var(--dark-bg);
       }



       .article-box {
         border-left: 3px solid #fff;
         padding-left: 20px;
         color: var(--text-dark);
         margin-bottom: 30px;
       }

       .article-box h3 {
         font-size: 1.25rem;
         font-weight: bold;
       }

       .article-box h3 span {
         color: var(--primary-red);
         margin-right: 8px;
       }

       .article-meta {
         font-size: 0.9rem;
         color: var(--text-light);
       }

       .bottom-section {
         border-top: 1px solid rgba(255, 255, 255, 0.2);
         margin-top: 50px;
         padding-top: 40px;
         display: flex;
         flex-wrap: wrap;
         justify-content: space-between;
         align-items: center;
         gap: 20px;
       }

       .bottom-section p {
         font-size: 1.8rem;
         font-weight: 300;
         max-width: 600px;
       }

       .bottom-section .btn-theme {
         background-color: var(--dark-bg);
         color: #fff;
         font-weight: bold;
         padding: 12px 40px;
         border: none;
         transition: all 0.3s ease;
       }

       .bottom-section .btn-theme:hover {
         background-color: #900000;
       }

       /* Side Buttons */
       .side-buttons {
         position: fixed;
         right: 20px;
         top: 50%;
         transform: translateY(-50%);
         z-index: 100;
         display: flex;
         flex-direction: column;
         gap: 15px;
       }

       .side-buttons button {
         width: 60px;
         height: 60px;
         background-color: #fff;
         color: var(--primary-red);
         font-weight: bold;
         border-radius: 10px;
         border: none;
         transition: 0.3s;
       }

       .side-buttons button:hover {
         box-shadow: 0 0 15px rgba(255, 255, 255, 0.2);
       }

       @media (max-width: 768px) {
           
           
           .side-faq{
               flex-direction:column;
           }
           
           .heading-vertical {
    rotate: 0deg !important;
    margin:0 !important;
    padding:20px;
}

.faq-left-section .heading-container{
    padding-top:0 !important;
}
           
         .hero-content h1 {
           font-size: 2rem;
         }

         .hero-content h2 {
           font-size: 2.5rem;
         }

         .bottom-section p {
           font-size: 1.3rem;
         }

         .side-buttons button {
           width: 50px;
           height: 50px;
           font-size: 0.8rem;
         }

         .anim-new-text li {
           font-size: .9rem !important;
         }

         .section,
         section {
           padding: 0 !important;
         }



         .heading,
         .heading h2 ,.heading p{
           width: auto !important;
           font-size: 20px !important;
         }
         
         .heading p{
             align-items: center;
         }

         .heading h2::after {
           display: none !important;
         }

         .heading {
           margin-bottom: 0 !important;
         }

         .new-container .card {
           flex-direction: column !important;
         }

         .new-container .card>img:first-of-type {
           width: 100% !important;
         }

         .heading-logo {
           display: none;
         }




         .container-fluid {
           padding: 0 !important;
         }

         .news-heading h4 {
           font-size: 12px !important;
         }




         .tick {
           width: 25px !important;
           height: 25px !important;

         }

       }









       /* Responsive */
       @media (max-width: 992px) {
         .navbar-menu {
           gap: 15px;
         }

         .navbar-menu a {
           font-size: 13px;
         }
       }

       @media (max-width: 768px) {
         .top-nav {
           justify-content: space-between;
         }

         .red {
           color: rgb(180, 12, 12);
         }
         
         .white{
           color:white;
         }

         .w-sm-100 {
           width: 100% !important;
         }

         .top-nav-left {
           gap: 10px;
           flex: 1;
         }

         .top-nav-left a {
           font-size: 11px;
         }

         .main-navbar {
           justify-content: space-between;
         }

         .navbar-menu a {
           color: white !important;
         }

         .navbar-menu {
           display: none;
           gap: 10px;
           flex-direction: column;
           position: absolute;
           top: 100%;
           left: 0;
           right: 0;
           background-color: var(--primary-red);
           padding: 15px;
           width: 100%;
           z-index: 999;
         }

         .navbar-menu.active {
           display: flex;
           align-items: start;
         }

         .navbar-menu a {
           font-size: 17px;
           padding: 8px 0;
         }

         .search-bar {
           justify-content: center;
           padding: 10px 15px;
         }

         .search-input {
           max-width: 100%;
         }
       }

       @media (max-width: 576px) {
         .top-nav-left {
           gap: 8px;
         }

         .top-nav-left a {
           font-size: 10px;
         }

         .top-nav-right {
           gap: 10px;
         }

         .top-nav-right a {
           font-size: 14px;
         }

         .navbar-logo {
           font-size: 18px;
           min-width: 100px;
         }

         .navbar-menu {
           gap: 8px;
         }

         .navbar-right {
           gap: 12px;
         }

         .search-btn,
         .settings-btn {
           font-size: 16px;
         }
       }


       .heading-hover {
         transition: background-size .4s ease, color .4s ease;
         background-image: -webkit-gradient(linear, left top, left bottom, from(var(--title-e-hcolor, var(--primary-red))), to(var(--title-e-hcolor, var(--primary-red))));
         background-image: linear-gradient(var(--title-e-hcolor, var(--primary-red)), var(--title-e-hcolor, var(--primary-red)));
         background-repeat: no-repeat;
         background-position: 0 100%;
         background-size: 0% 100%;

       }



       .heading-hover:hover {

         color: white;
         background-size: 100% 100%;
       }



       .container-fluid {
         max-width: 1400px;
         margin: 0 auto;

       }

       /* Article Card Styles */
       .article-card {
         border-radius: 12px;
         overflow: hidden;
         transition: transform 0.3s ease, box-shadow 0.3s ease;
         cursor: pointer;
         border: 1px solid var(--border-color);
       }

       /* .article-card:hover {
  transform: translateY(-5px);
  box-shadow: 0 10px 30px rgba(184, 0, 0, 0.2);
} */

       .card-image-wrapper {
         width: 100%;
         height: 200px;
         overflow: hidden;
         background: linear-gradient(135deg, #f5e6e0 0%, #e0d5d0 100%);
       }

       .card-image-wrapper img {
         width: 100%;
         height: 100%;
         object-fit: cover;
       }

       .card-content {
         padding: 24px;
       }

       .category-badge {
         display: inline-block;
         font-size: 11px;
         font-weight: 600;
         letter-spacing: 1px;
         color: var(--primary-red);
         text-transform: uppercase;
         margin-bottom: 12px;
       }

       .article-title {
         font-size: 18px;
         font-weight: 600;
         line-height: 1.4;
         margin-bottom: 16px;
         font-family: var(--font-heading);
         ;
       }

       .article-meta {
         display: flex;
         align-items: center;
         gap: 8px;
         font-size: 12px;
         color: var(--text-light);
       }

       .author {
         font-weight: 600;
         color: var(--primary-red);
       }

       .separator {
         color: var(--text-light);
       }

       .read-time {
         color: var(--text-light);
       }

       /* Featured Article Styles */
       .featured-article {
         border-radius: 12px;
         overflow: hidden;
         border: 1px solid var(--border-color);
       }

       .featured-image {
         width: 100%;
         height: 400px;
         overflow: hidden;
         background: linear-gradient(135deg, #fff8e1 0%, #fff0cc 100%);
       }

       .featured-image img {
         width: 100%;
         height: 100%;
         object-fit: cover;
       }

       .featured-content {
         padding: 40px;
       }

       .featured-title {
         font-size: 24px;
         font-weight: 600;
         color: var(--dark-bg);
         line-height: 1.3;
         margin: 16px 0 20px 0;
         font-family: var(--font-heading);
         ;
       }

       .featured-description {
         font-size: 16px;
         line-height: 1.6;
         margin-bottom: 24px;
       }

       /* Must Read Section */
       .must-read-section {
         border: 1px solid var(--border-color);
         border-radius: 12px;
         padding: 32px 24px;
       }

       .must-read-title {
         font-size: 20px;
         font-weight: 600;
         color: var(--dark-bg);
         margin-bottom: 24px;
         padding-bottom: 16px;
       }

       .must-read-item {
         display: flex;
         gap: 16px;
         flex-direction: row-reverse;
         margin-bottom: 24px;
         border-bottom: 1px solid #88888826;
         align-items: flex-start;
         padding-bottom: 20px;
       }

       .must-read-item:last-child {
         margin-bottom: 0;
         border: 0;
       }

       .must-read-image {
         width: 80px;
         height: 80px;
         border-radius: 50%;
         object-fit: cover;
         flex-shrink: 0;
         background: linear-gradient(135deg, #e8d5e8 0%, #d5cce8 100%);
       }

       .must-read-item-title {
         font-size: 14px;
         font-weight: 600;
         color: var(--dark-bg);
         line-height: 1.4;
         font-family: var(--font-heading);
         ;
       }

       /* Responsive Design */
       @media (max-width: 1200px) {


         .featured-title {
           font-size: 28px;
         }

         .featured-content {
           padding: 30px;
         }
       }

       @media (max-width: 768px) {
         .row {
           flex-direction: column;
         }

         .featured-image {
           height: 300px;
         }

         .featured-title {
           font-size: 24px;
         }

         .article-title {
           font-size: 16px;
         }

         .must-read-image {
           width: 70px;
           height: 70px;
         }
       }

       /* Scrollbar Styling */
       ::-webkit-scrollbar {
         width: 8px;
       }

       ::-webkit-scrollbar-track {
         background: var(--dark-bg) !important;
       }

       ::-webkit-scrollbar-thumb {
         background: var(--mbnav-bg-glass) !important;
         border-radius: 4px;
       }

       ::-webkit-scrollbar-thumb:hover {
         background: var(--primary-red);
       }


       :root {
         /* Theme Colors */
         --primary-red: #b80000;
         --dark-bg: #000000;
         --light-gray: #fafafa;
         --text-dark: #ffffff;
         --text-light: #999999;
         --card-bg: #1a1a1a;
         --border-color: #2a2a2a;
         --bg: linear-gradient(90deg, rgba(169, 2, 20, 1) 0%, rgba(204, 11, 31, 1) 51%, rgba(229, 18, 39, 1) 100%);
         ;
       }


       .card {
         position: relative;
         border: 1px solid #88888826 !important;
         border-radius: 20px !important;
         -webkit-border-radius: 20px !important;
         -moz-border-radius: 20px !important;
         -ms-border-radius: 20px !important;
         -o-border-radius: 20px !important;
       }







       /* .card::after{
    position: absolute;
    z-index: 5;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    content: '';
    pointer-events: none;
    border: 1px solid;
    border-color: #88888826;
   
} */








       .hover-2 {
         background-image: var(--mbnav-bg-glass-from);
         background-repeat: no-repeat;
         background-position: 0 100%;
         background-size: 100% 0%;
         background-repeat: no-repeat;
         background-position: 0 100%;
         line-height: inherit;
         display: inline-flex;
         align-items: center;
         flex-flow: row nowrap;
         transition: all .2s cubic-bezier(.32, .74, .57, 1);
         transition: background-size .2s cubic-bezier(.32, .74, .57, 1);
         -webkit-transition: background-size .2s cubic-bezier(.32, .74, .57, 1);
         -moz-transition: background-size .2s cubic-bezier(.32, .74, .57, 1);
         -ms-transition: background-size .2s cubic-bezier(.32, .74, .57, 1);
         -o-transition: background-size .2s cubic-bezier(.32, .74, .57, 1);
       }

       .hover-2:hover {
         color: var(--mbnav-bg-glass);
         background-size: 100% 30%;

       }

       .heading-container,
       .heading {
         width: 100%;
         /* margin-bottom: 30px; */
         z-index: 2;
         position: relative;
       }

       .heading {
         width: max-content;

       }

       .heading h2 {
         /*color: black;*/
         font-size: clamp(28px, 5vw, 30px);
         text-align: right;
         /* letter-spacing: 4px; */
         font-weight: 900;
         /* font-style: italic; */
         /* font-family: "Cormorant Infant", serif; */
         text-transform: uppercase;
         position: relative;
         /*margin-bottom: 7px !important;*/
         width: max-content;
         
        
       }
       
       .square-back{
           color:white;
            background:linear-gradient(90deg, rgba(169, 2, 20, 1) 0%, rgba(204, 11, 31, 1) 51%, rgba(229, 18, 39, 1) 100%);;
         padding:10px;
         border-radius:6px;
       }

       .btn-dark {
         background-color: var(--dark-bg) !important;
       }


       .card-icon {
         font-size: 30px;
       }



       .pera {
         max-width: 800px;
         margin: auto;
       }


       /*  */



       .most-popular-title {
         font-size: 24px;
         font-weight: 600;
         color: var(--dark-bg);
         margin: 0;
       }

       .carousel-controls {
         display: flex;
         gap: 8px;
       }

       .carousel-nav-btn {
         width: 40px;
         height: 40px;
         border-radius: 50%;
         border: none;
         background-color: #333;
         color: var(--text-dark);
         display: flex;
         align-items: center;
         justify-content: center;
         cursor: pointer;
         font-size: 16px;
         transition: background-color 0.3s ease;
       }

       .carousel-nav-btn:hover {
         background-color: var(--primary-red);
       }

       .popular-carousel {
         display: flex;
         gap: 20px;
         overflow-x: auto;
         padding-bottom: 10px;
         scroll-behavior: smooth;
       }

       .popular-carousel::-webkit-scrollbar {
         height: 6px;
       }

       .popular-carousel::-webkit-scrollbar-track {
         background: var(--card-bg);
         border-radius: 3px;
       }

       .popular-carousel::-webkit-scrollbar-thumb {
         background: var(--primary-red);
         border-radius: 3px;
       }

       .popular-card {
         flex: 0 0 250px;
         min-width: 250px;
         cursor: pointer;
         border-left: 2px solid #88888826;
         padding-left: 20px;
       }

       .popular-card-image {
         position: relative;
         width: 100%;
         height: 200px;
         overflow: hidden;
         border-radius: 8px;
         margin-bottom: 12px;
         background: linear-gradient(135deg, #e0d5d0 0%, #d0c5c0 100%);
       }

       .popular-card-image img {
         width: 100%;
         height: 100%;
         object-fit: cover;
         transition: transform 0.3s ease;
         transition: all .5s;
         transform: scale(1.5);
         object-position: top;
         pointer-events: none;
         -webkit-transform: scale(1.5);
         -moz-transform: scale(1.5);
         -ms-transform: scale(1.5);
         -o-transform: scale(1.5);
       }

       .popular-card-image:hover img {
         transform: scale(1.5) translateX(20px);
         -webkit-transform: scale(1.5) translateX(20px);
         -moz-transform: scale(1.5) translateX(20px);
         -ms-transform: scale(1.5) translateX(20px);
         -o-transform: scale(1.5) translateX(20px);
       }

       .popular-badge {
         position: absolute;
         top: 12px;
         left: 12px;


         height: 32px;
         padding: 0 16px;
         border-radius: 28px;
         background-color: rgba(0, 0, 0, .5);
         z-index: 4;
         color: white;
         font-weight: 700;
         display: flex;
         align-items: center;
         justify-content: center;
         gap: 4px;
         text-transform: uppercase;
       }

       .popular-card-title {
         font-size: 16px;
         font-weight: 600;
         color: var(--dark-bg);
         line-height: 1.4;
         margin: 0;
         font-family: var(--font-heading);
         ;
       }

       /* Added Editor's Pick Section Styles */
       .editors-pick-section {
         background-color: var(--dark-bg);
         border-bottom: 1px solid var(--border-color);
       }

       .editors-pick-title {
         font-size: 28px;
         font-weight: 600;
         color: var(--text-dark);
       }

       .featured-pick-article {
         display: flex;
         flex-direction: column;
       }

       .featured-pick-image {
         position: relative;
         width: 100%;
         height: 400px;
         border-radius: 8px;
         overflow: hidden;
         margin-bottom: 24px;
         background: linear-gradient(135deg, #f0e8e0 0%, #e8e0d8 100%);
       }

       .featured-pick-image img {
         width: 100%;
         height: 100%;
         object-fit: cover;
       }

       .featured-badge {
         position: absolute;
         top: 12px;
         left: 12px;
         height: 32px;
         padding: 0 16px;
         border-radius: 28px;
         background-color: rgba(0, 0, 0, .5);
         z-index: 4;
         color: white;
         font-weight: 700;
         display: flex;
         align-items: center;
         justify-content: center;
         gap: 4px;
         text-transform: uppercase;



       }

       .featured-pick-content {
         flex: 1;
       }

       .featured-pick-meta {
         font-size: 12px;
         color: var(--text-light);
         font-weight: 600;
         margin-bottom: 12px;
         text-transform: uppercase;
         letter-spacing: 0.5px;
       }

       .meta-date,
       .meta-author,
       .meta-stats,
       .meta-comments {
         color: var(--text-light);
       }

       .meta-separator {
         margin: 0 8px;
         color: var(--text-light);
       }

       .featured-pick-title {
         font-size: 32px;
         font-weight: 700;
         color: var(--dark-bg);
         line-height: 1.3;
         margin-bottom: 16px;
         font-family: var(--font-heading);
         ;
       }

       .featured-pick-description {
         font-size: 16px;
         color: var(--text-light);
         line-height: 1.6;
         margin-bottom: 20px;
       }

       .read-more-link {
         font-size: 14px;
         color: var(--primary-red);
         font-weight: 600;
         text-decoration: none;
         border-bottom: 2px solid var(--primary-red);
         padding-bottom: 2px;
         transition: opacity 0.3s ease;
       }

       .read-more-link:hover {
         opacity: 0.8;
       }

       .sidebar-pick-article {
         display: flex;
         gap: 16px;
         padding: 16px 0;
         border-bottom: 1px solid var(--border-color);
       }

       .sidebar-pick-article:last-child {
         border-bottom: none;
       }

       .sidebar-pick-image {
         flex: 0 0 150px;
         height: 120px;
         width: 120px;
         border-radius: 6px;
         overflow: hidden;
         background: linear-gradient(135deg, #e8d5e8 0%, #d5cce8 100%);
       }

       .sidebar-pick-image img {
         width: 100%;
         height: 100%;
         object-fit: cover;
         transition: transform 0.3s ease;
       }

       .sidebar-pick-image:hover img {
         transform: scale(1.05);
       }

       .sidebar-pick-content {
         flex: 1;
       }

       .sidebar-meta {
         font-size: 11px;
         color: var(--text-light);
         font-weight: 600;
         margin-bottom: 8px;
         text-transform: uppercase;
         letter-spacing: 0.5px;
       }

       .sidebar-pick-title {
         font-size: 16px;
         font-weight: 700;
         color: var(--dark-bg);
         line-height: 1.3;
         margin-bottom: 8px;
         font-family: var(--font-heading);
         ;

         display: -webkit-box;
         -webkit-line-clamp: 2;
         /* Limit to 2 lines */
         -webkit-box-orient: vertical;
         overflow: hidden;
       }



       .sidebar-pick-description {
         font-size: 13px;
         color: var(--text-light);
         font-weight: 400px;
         line-height: 1.5;
       }

       /* Responsive Design */
       @media (max-width: 1200px) {


         .featured-title {
           font-size: 28px;
         }

         .featured-content {
           padding: 30px;
         }
       }

       @media (max-width: 768px) {
         .row {
           flex-direction: column;
         }

         .featured-image {
           height: 300px;
         }

         .featured-title {
           font-size: 24px;
         }

         .article-title {
           font-size: 16px;
         }

         .must-read-image {
           width: 70px;
           height: 70px;
         }

         /* Updated responsive adjustments for new sections */
         .most-popular-title {
           font-size: 20px;
         }

         .featured-pick-title {
           font-size: 24px;
         }

         .popular-card {
           flex: 0 0 160px;
         }

         .featured-pick-image {
           height: 300px;
         }

         .sidebar-pick-image {
           flex: 0 0 120px;
           height: 100px;
         }
       }

       /* Scrollbar Styling */
       ::-webkit-scrollbar {
         width: 8px;
       }

       ::-webkit-scrollbar-track {
         background: var(--dark-bg);
       }

       ::-webkit-scrollbar-thumb {
         background: var(--border-color);
         border-radius: 4px;
       }

       ::-webkit-scrollbar-thumb:hover {
         background: var(--primary-red);
       }




       .top-nav img {
         width: 200px;
         margin: 20px;
         transform: scale(1.3);
       }

       .menu-icon {
         color: white;
       }

       /* footer */

       footer {
         color: white;
       }

       .footer-section {
         background-color: var(--dark-bg);
         color: var(--text-dark);
         margin-top: 60px;
         border-top: 1px solid var(--border-color);
       }

       /* Added footer header styling */
       .footer-header {
         background-color: var(--dark-bg);
         padding: 40px 20px;
         border-bottom: 1px solid var(--border-color);
         text-align: center;
       }

       .footer-header-content {
         max-width: 1400px;
         margin: 0 auto;
       }

       .footer-logo {
         font-size: 28px;
         font-weight: 600;
         letter-spacing: 2px;
         color: var(--text-dark);
         margin: 0 0 8px 0;
         font-family: var(--font-heading);
         ;
       }

       .footer-tagline {
         font-size: 12px;
         letter-spacing: 1.5px;
         color: var(--text-light);
         text-transform: uppercase;
         margin: 0;
       }

       /* Footer Main Content */
       .footer-main {
         padding: 60px 20px;
         background-color: #1a1a1a;
       }

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

       .footer-column {
         display: flex;
         flex-direction: column;
       }

       .footer-column-title {
         font-size: 16px;
         font-weight: 600;
         color: var(--text-dark);
         margin-bottom: 24px;
         text-transform: capitalize;
         font-family: var(--font-heading);
         ;
       }

       /* Grid Links (for Explore column) */
       .footer-links-grid {
         display: grid;
         grid-template-columns: 1fr 1fr;
         gap: 12px 16px;
       }

       .footer-links-grid .footer-link {
         font-size: 14px;
         color: var(--text-light);
         text-decoration: none;
         transition: color 0.3s ease;
       }

       .footer-links-grid .footer-link:hover {
         color: var(--primary-red);
       }

       /* Vertical Links (for Legal column) */
       .footer-links-vertical {
         display: flex;
         flex-direction: column;
         gap: 12px;
       }

       .footer-links-vertical .footer-link {
         font-size: 14px;
         color: var(--text-light);
         text-decoration: none;
         transition: color 0.3s ease;
         width: fit-content;
       }

       .footer-links-vertical .footer-link:hover {
         color: var(--primary-red);
       }

       /* Advertise Column */
       .footer-advertise-column {
         justify-content: flex-start;
       }

       .footer-advertise-content {
         display: flex;
         flex-direction: column;
         gap: 16px;
       }

       .advertise-icon {
         margin-right: 8px;
         font-size: 20px;
       }

       .advertise-text {
         font-size: 14px;
         color: var(--text-light);
         line-height: 1.6;
         margin: 0;
       }

       .advertise-btn {
         align-self: flex-start;
         padding: 12px 24px;
         border: 2px solid var(--text-dark);
         background-color: transparent;
         color: var(--text-dark);
         font-size: 14px;
         font-weight: 600;
         cursor: pointer;
         border-radius: 8px;
         transition: all 0.3s ease;
         text-transform: capitalize;
         -webkit-border-radius: 8px;
         -moz-border-radius: 8px;
         -ms-border-radius: 8px;
         -o-border-radius: 8px;
         -webkit-transition: all 0.3s ease;
         -moz-transition: all 0.3s ease;
         -ms-transition: all 0.3s ease;
         -o-transition: all 0.3s ease;
       }

       .advertise-btn:hover {
         background-color: var(--text-dark);
         color: var(--dark-bg);
       }

       /* Footer Bottom */
       .footer-bottom {
         padding: 40px 20px;
         background-color: #000000;
         border-top: 1px solid var(--border-color);
       }

       footer img {
         width: 200px;
       }


       .advertise-btn:hover {
         background-color: var(--text-dark);
         color: var(--dark-bg);
       }

       footer {
         background: var(--dark-bg);
       }



       footer {
         margin-top: 40px;
       }

       footer a,
       footer a:hover {
         text-decoration: none;
         color: #fff;
       }

       .transformed_div {
         padding: 20px;
         background: var(--primary-red);
         position: relative;
         margin: -90px 0 0;
         z-index: 5;
       }

       .transformed_div .image_diV {
         display: flex;
         justify-content: flex-start;
         align-items: flex-start;
       }

       .second_side .icons a {
         color: #fff;
       }

       .second_side .icons i {
         display: inline-block;
         margin: 10px 5px;
         font-size: 20px;
         background: #0a1c2f;
         height: 40px;
         width: 40px;
         line-height: 40px;
         border-radius: 60px;
         text-align: center;
       }

       .transformed_div:after {
         content: "";
         position: absolute;
         top: 10px;
         right: -24px;
         height: 0;
         width: 0;
         z-index: -1;
         border-color: transparent transparent transparent #ad3325;
         border-style: solid;
         border-width: 25px;
         transform: rotate(135deg);
       }

       .quicklinks h5 {
         font-weight: 700;
       }

       .quicklinks .center_content {
         justify-content: flex-start !important;
         align-items: flex-start !important;
         margin-bottom: 10px;
       }

       .center_content {
         display: flex;
         justify-content: center;
         align-items: center;
         width: 100%;
         flex-direction: column;
       }

       .center_content .line {
         width: 30px;
         height: 4px;
         background: var(--primary-red);
       }

       .quicklinks ul {
         padding-inline-start: 0;
       }

       .quicklinks a {
         color: #fff;
       }

       .quicklinks ul li {
         list-style: none;
       }

       .footer-link {
         display: flex;
         justify-content: flex-start;
         align-items: center;
         margin-bottom: 10px;
       }

       .footer-link i {
         margin-right: 5px;
         font-size: 25px;
       }

       .quicklinks a {
         color: #fff;
         display: block;
         margin-bottom: 10px;
       }

       .footer-link a p {
         margin-bottom: 0;
       }

       .sub_footer {
         padding: 10px;
         text-align: center;
         color: #fff;
         background: var(--bg);
       }

       .sub_footer p {
         margin-bottom: 0;
       }













       .copyright {
         background-color: rgba(0, 0, 0, 0.2);
         border-top: 1px solid var(--light-gray);
       }


       .magazine {
         max-height: 500px;
       }

       /* news */
       .newsletter-section {
         padding: 40px;
         background-color: var(--dark-bg);
         border-radius: 40px;
         -webkit-border-radius: 40px;
         -moz-border-radius: 40px;
         -ms-border-radius: 40px;
         -o-border-radius: 40px;
       }



       .newsletter-title {
         font-size: 36px;
         font-weight: 700;
         color: #ffd700;
         margin-bottom: 16px;
         line-height: 1.3;
         font-family: var(--font-heading);
         ;
       }

       .newsletter-description {
         font-size: 16px;
         color: var(--text-dark);
         line-height: 1.6;
         margin-bottom: 32px;
       }

       .newsletter-form {
         display: flex;
         flex-direction: column;
         gap: 16px;
       }

       .newsletter-input {
         padding: 16px 20px;
         font-size: 16px;
         border: none;
         border-radius: 8px;
         background-color: var(--text-dark);
         color: var(--dark-bg);
         font-family: inherit;
       }

       .newsletter-input::placeholder {
         color: #999999;
       }

       .newsletter-input:focus {
         outline: none;
         box-shadow: 0 0 0 3px rgba(255, 215, 0, 0.2);
       }

       .newsletter-btn {
         padding: 14px 32px;
         font-size: 16px;
         font-weight: 600;
         background-color: var(--primary-red) !important;
         color: var(--dark-bg);
         border: none;
         border-radius: 8px;
         cursor: pointer;
         transition: all 0.3s ease;
         align-self: flex-start;
         text-transform: capitalize;
       }

       .newsletter-btn:hover {
         background-color: #ffed4e;
         transform: translateY(-2px);
       }

       .newsletter-checkbox {
         display: flex;
         align-items: center;
         gap: 8px;
         font-size: 14px;
         color: var(--text-dark);
       }

       .newsletter-checkbox input[type="checkbox"] {
         width: 18px;
         height: 18px;
         cursor: pointer;
         accent-color: #ffd700;
       }

       .newsletter-checkbox label {
         cursor: pointer;
         margin: 0;
       }

       /* Newsletter Features */
       .newsletter-features {
         display: flex;
         flex-direction: column;
         gap: 24px;
       }



       .feature-icon {
         font-size: 24px;
         flex-shrink: 0;
         display: flex;
         align-items: center;
         justify-content: center;
         width: 32px;
         height: 32px;
       }

       .feature-text {
         font-size: 14px;
         color: var(--text-dark);
         line-height: 1.6;
         margin: 0;
       }



       /* cooment */


       .newsletter-container {
         max-width: 1400px;
         margin: 0 auto;
         background-color: #000000;
         border: 2px solid #000000;
         border-radius: 24px;
         padding: 60px;
       }

       .newsletter-title {
         font-size: 36px;
         font-weight: 700;
         color: #ffd700;
         margin-bottom: 16px;
         line-height: 1.3;
         font-family: var(--font-heading);
         ;
       }

       .newsletter-description {
         font-size: 16px;

         line-height: 1.6;
         margin-bottom: 32px;


         font-weight: 400;
       }

       .newsletter-form {
         display: flex;
         flex-direction: column;
         gap: 16px;
       }

       .newsletter-input {
         padding: 16px 20px;
         font-size: 16px;
         border: none;
         border-radius: 8px;
         background-color: var(--text-dark);
         color: var(--dark-bg);
         font-family: inherit;
       }

       .newsletter-input::placeholder {
         color: #999999;
       }

       .newsletter-input:focus {
         outline: none;
         box-shadow: 0 0 0 3px rgba(255, 215, 0, 0.2);
       }

       .newsletter-btn {
         padding: 14px 32px;
         font-size: 16px;
         font-weight: 600;
         background-color: var(--dark-bg);
         color: var(--text-dark);
         border: none;
         border-radius: 8px;
         cursor: pointer;
         transition: all 0.3s ease;
         align-self: flex-start;
         text-transform: capitalize;
       }

       .newsletter-btn:hover {
         background-color: var(--mbnav-bg-glass-to);
         transform: translateY(-2px);
       }

       .newsletter-checkbox {
         display: flex;
         align-items: center;
         gap: 8px;
         font-size: 14px;
         color: var(--text-dark);
       }

       .newsletter-checkbox input[type="checkbox"] {
         width: 18px;
         height: 18px;
         cursor: pointer;
         accent-color: #ffd700;
       }

       .newsletter-checkbox label {
         cursor: pointer;
         margin: 0;
       }

       /* Newsletter Features */
       .newsletter-features {
         display: flex;
         flex-direction: column;
         gap: 24px;
       }

       .newsletter-feature-item {
         display: flex;
         gap: 16px;

       }

       .newsletter-features {
         padding: 20px;
         border-style: solid;
         border-width: 1px;
         border-color: #88888888;
         border-radius: 20px;
       }

       .feature-icon {
         font-size: 24px;
         flex-shrink: 0;
         display: flex;
         align-items: center;
         justify-content: center;
         width: 32px;
         height: 32px;
       }

       .feature-text {
         font-size: 16px;
         color: var(--text-dark);
         line-height: 1.6;
         margin: 0;
       }

       /* Responsive Design */
       @media (max-width: 1200px) {
         .container-fluid {
           padding: 30px 15px;
         }

         .featured-title {
           font-size: 28px;
         }

         .featured-content {
           padding: 30px;
         }
       }

       @media (max-width: 768px) {
         .row {
           flex-direction: column;
         }

         .featured-image {
           height: 300px;
         }

         .featured-title {
           font-size: 24px;
         }

         .article-title {
           font-size: 16px;
         }

         .must-read-image {
           width: 70px;
           height: 70px;
         }

         /* Updated responsive adjustments for new sections */
         .most-popular-title {
           font-size: 20px;
         }

         .featured-pick-title {
           font-size: 24px;
         }

         .popular-card {
           flex: 0 0 160px;
         }

         .featured-pick-image {
           height: 300px;
         }

         .sidebar-pick-image {
           flex: 0 0 120px;
           height: -webkit-fill-available;
         }

         .sidebar-pick-image img {
           object-fit: fill !important;
         }

         /* Responsive Newsletter */
         .newsletter-container {
           padding: 40px 24px;
           border-radius: 16px;
         }

         .newsletter-title {
           font-size: 28px;
           margin-bottom: 12px;
         }

         .newsletter-description {
           font-size: 14px;
           margin-bottom: 24px;
         }

         .newsletter-input {
           padding: 14px 16px;
           font-size: 14px;
         }

         .newsletter-btn {
           padding: 12px 24px;
           font-size: 14px;
         }

         .newsletter-feature-item {
           padding: 16px;
           gap: 12px;
         }

         .feature-text {
           font-size: 13px;
         }
       }


       /* spotlight */

       .spotlight-section {
         background-color: var(--dark-bg);
         padding: 60px 20px;
         position: relative;
       }

       .spotlight-title {
         font-size: 28px;
         font-weight: 600;
         color: var(--text-dark);
         margin: 0;
       }

       .spotlight-view-link {
         font-size: 14px;
         color: var(--text-light);
         text-decoration: none;
         transition: color 0.3s ease;
         font-weight: 500;
       }

       .spotlight-view-link:hover {
         color: var(--primary-red);
       }

       .spotlight-grid {
         display: grid;
         grid-template-columns: repeat(5, 1fr);
         gap: 24px;
         margin-bottom: 24px;
       }

       .spotlight-card {
         display: flex;
         flex-direction: column;
         transition: transform 0.3s ease;
       }

       .spotlight-card:hover {
         transform: translateY(-5px);
       }

       .spotlight-card-image {
         position: relative;
         width: 200px;
         aspect-ratio: 1;
         border-radius: 16px;
         overflow: hidden;
         margin-bottom: 16px;
         background: linear-gradient(135deg, #e8d5e8 0%, #d5cce8 100%);
       }

       .spotlight-card-image img {
         width: 100%;
         height: 100%;
         object-fit: cover;
         transition: transform 0.3s ease;
       }

       .spotlight-card-image:hover img {
         transform: scale(1.05);
       }

       .spotlight-category {
         display: inline-block;
         font-size: 11px;
         font-weight: 600;
         color: var(--text-light);
         text-transform: uppercase;
         letter-spacing: 0.5px;
         margin-bottom: 8px;
       }

       .spotlight-card-title {
         font-size: 20px;
         font-weight: 600;
         display: -webkit-box;
         -webkit-box-orient: vertical;
         -webkit-line-clamp: 2;
         overflow: hidden;
         line-height: 1.4;
         margin: 0 0 12px 0;
         font-family: var(--font-heading);
         ;
       }

       .spotlight-card-date {
         font-size: 12px;
         color: var(--text-light);
         margin: 0;
       }

       .spotlight-nav-btn {
         position: absolute;
         right: 40px;
         top: 50%;
         transform: translateY(-50%);
         width: 48px;
         height: 48px;
         border-radius: 50%;
         background-color: var(--text-dark);
         border: none;
         color: var(--dark-bg);
         font-size: 24px;
         cursor: pointer;
         display: flex;
         align-items: center;
         justify-content: center;
         transition: all 0.3s ease;
       }

       .spotlight-nav-btn:hover {
         background-color: var(--primary-red);
         color: var(--text-dark);
       }


       .spotlight-heading {
         font-size: clamp(36px, 8vw, 102px);
         text-align: right;
         letter-spacing: 10px;
         font-weight: 900;

         font-style: italic;
         text-transform: uppercase;
         position: relative;
         margin-bottom: 30px;
         width: max-content;
         margin-left: auto;

       }

       .heading h2::after {
         /*content: "";*/
         /*width: 100%;*/
         /*background-color: var(--primary-red);*/
         /*bottom: 0;*/
         /*right: 0;*/
         /*position: absolute;*/
         /*height: 8px;*/
       }

       .non-border::after {
         height: 0 !important;
       }


       .highlightr-heading {
         background-color: var(--primary-red);
         padding-right: 10px;
         color: white;
       }


       .keywords-section h5 {
         font-weight: 400;
         font-style: italic;
         font-size: 2.4rem;
         letter-spacing: 1px;
         color: var(--dark-bg);

       }



       .accordion-item p,
       .accordion-item ul {
         font-style: italic;

         color: var(--dark-bg);
         font-size: 18px;
         font-style: italic;
         font-family: var(--font-heading);
         max-width: 800px;
         position: relative;
         font-weight: 600;
         letter-spacing: px;
       }




       .main-pera {
         font-style: italic;
         margin-top: 30px;
         color: var(--dark-bg);
         font-size: 21px;
         font-style: italic;
         font-family: "Cormorant Infant", serif;
         position: relative;
         font-weight: 600;
         letter-spacing: px;
       }



       .font-size-two {
         font-size: clamp(36px, 4vw, 102px) !important;
       }


       /* .main-pera::after{
content: "";
width: 100%;
background-color: var(--primary-red);
top: -10px;
right: 0;
position: absolute;
height: 2px;

} */














       .events-title {
         font-size: 28px;
         font-weight: 600;
         color: var(--text-dark);
         margin: 0;
       }

       .events-grid {
         display: grid;
         grid-template-columns: repeat(4, 1fr);
         gap: 32px;
       }

       .event-card {
         display: flex;
         flex-direction: column;
         border-radius: 20px;
         overflow: hidden;
         position: relative;
         transition: transform 0.3s ease, box-shadow 0.3s ease;
         cursor: pointer;
         height: 100%;
         -webkit-transition: transform 0.3s ease, box-shadow 0.3s ease;
         -moz-transition: transform 0.3s ease, box-shadow 0.3s ease;
         -ms-transition: transform 0.3s ease, box-shadow 0.3s ease;
         -o-transition: transform 0.3s ease, box-shadow 0.3s ease;
       }

       .event-card:hover {
         transform: translateY(-8px);
         box-shadow: 0 20px 40px rgba(0, 0, 0, 0.3);
       }

       .event-card-image {
         position: relative;
         width: 100%;
         aspect-ratio: 1;
         overflow: hidden;
       }

       .event-card-image img {
         width: 100%;
         height: 100%;
         object-fit: cover;
         transition: transform 0.3s ease;
       }

       .event-card:hover .event-card-image img {
         transform: scale(1.05);
       }

       .event-card-teal {
         background: linear-gradient(135deg, #4a9fb5 0%, #2d6b7f 100%);
       }

       .event-card-rust {
         background: linear-gradient(135deg, #c86b4a 0%, #8b4a2e 100%);
       }

       .event-card-green {
         background: linear-gradient(135deg, #2d5d5f 0%, #1a3a3c 100%);
       }

       .event-overlay {
         position: absolute;
         top: 0;
         left: 0;
         right: 0;
         bottom: 0;
         display: flex;
         flex-direction: column;
         justify-content: flex-end;
         padding: 32px;
         background: linear-gradient(0deg, rgba(255, 0, 0, 0.5) 0%, rgba(255, 0, 0, 0) 100%);
         border-radius: 20px;
       }

       .event-title {
         font-size: 18px;
         font-weight: 600;
         color: var(--text-dark);
         text-transform: uppercase;
         margin: 0 0 12px 0;
         line-height: 1.3;
         font-family: var(--font-heading);
       }

       .event-description {
         font-size: 14px;
         color: rgba(255, 255, 255, 0.9);
         line-height: 1.5;
         margin: 0;
       }



       /* footer */



       .faq-title {
         font-size: 32px;
         font-weight: 600;
         color: var(--text-dark);
         margin: 0 0 16px 0;
         font-family: var(--font-heading);
         text-align: center;
         line-height: 1.3;
       }

       .faq-description {
         font-size: 16px;
         color: var(--text-light);
         margin: 0 0 40px 0;
         line-height: 1.6;
         text-align: center;
         max-width: 600px;
         margin-left: auto;
         margin-right: auto;
       }



       .faq-item {
         border: none;
         border-radius: 0;
         overflow: visible;
         width: 100%;
         transition: all 0.3s ease;
         background-color: transparent;
       }

       .faq-item:last-child {
         border-bottom: none;
       }

       .faq-item:hover {
         border-bottom-color: var(--primary-red);
       }

       .faq-item.active {
         background-color: transparent;
       }

       .faq-header {
         display: flex;
         justify-content: space-between;
         align-items: center;
         padding-bottom: 15px;
         cursor: pointer;
         transition: all 0.3s ease;
         user-select: none;
         border-bottom: 1px solid var(--border-color);
         padding: 20px 0;


       }

       .faq-header:hover {
         background-color: transparent;
       }

       .faq-question,
       .accordion-button {
         font-size: 21px !important;
         font-weight: 600 !important;
         color: var(--dark-bg);
         margin: 0;
         font-family: var(--font-heading);
         ;
         flex: 1;
       }




       .faq-toggle-btn {
         background: none;
         border: none;
         cursor: pointer;
         display: flex;
         align-items: center;
         justify-content: center;
         width: 40px;
         height: 40px;
         flex-shrink: 0;
         padding: 0;
         transition: all 0.3s ease;
       }

       .faq-toggle-btn:hover {
         transform: scale(1.1);
       }

       .faq-icon {
         font-size: 58px;
         color: var(--primary-red);
         font-weight: 400;
         display: flex;
         align-items: center;
         justify-content: center;
         transition: transform 0.3s ease;
         width: 24px;
         height: 24px;
       }

       .faq-item.active .faq-icon {
         transform: rotate(45deg);
       }

       .faq-answer {
         transition: max-height 0.3s ease, padding 0.3s ease;
         background-color: transparent;
         padding-bottom: 20px;
       }

       .faq-item.active .faq-answer {
         max-height: 500px;

       }

       .faq-answer p {
         font-size: 21px;
         color: var(--border-color);
         line-height: 1.6;
         max-width: 100%;
         margin: 0;
       }


       .heading-vertical {
         rotate: -90deg;


       }

       .faq-left-section {
         background-color: var(--primary-red);
         display: flex;
         align-items: start;
         padding:0 26px;
       }

       .faq-left-section .heading h2::after {
         background-color: white;

       }

       .faq-left-section .heading-container {
         position: sticky;
         top: 200px;
         padding-top: 100px;
       }


       .faq-left-section .heading-vertical {
         color: white;
       }




       .faq-contanier {
         /*max-width: 1060px;*/
         width: 100%;
         padding:0 100px 0 0 !important;
       }



       .faq-header {
         position: relative;
         overflow: hidden;
       }

       .faq-header::after {
         content: "";
         position: absolute;
         left: 0;
         bottom: 0;
         height: 2px;
         width: 0%;
         background-color: var(--primary-red);
         transition: width 0.4s ease;
       }

       .faq-header:hover::after,
       .faq-item.active .faq-header::after {
         width: 100%;
       }



       /* .card {
            text-align: center;
           
        } */



       .founder-cards {
         flex-direction: row !important;
         gap: 20px;
         width: 100%;
         box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px;
         padding: 20px;

       }


       .founder-img img {
         height: 80px;
         width: 80px;
         object-fit: cover;
         border-radius: 50%;



       }

       .amount {
         color: var(--dark-bg);
         font-size: 30px;
         font-style: italic;
         font-weight: 400;
       }

       .founder-logo img {
         max-width: 200px;
         height: 40px;
         mix-blend-mode: multiply;

         object-fit: contain;
       }

       .founder-cards .img-section {
         display: flex;
         justify-content: center;
         align-items: center;
         flex-direction: column;
         gap: 5px;
       }

       .custom-swiper-btn {
         display: inline-block;
         background-color: #007bff;
         color: white;
         font-size: 20px;
         padding: 10px 15px;
         border-radius: 5px;
         cursor: pointer;
         transition: background-color 0.3s ease;
       }

       .custom-swiper-btn:hover {
         background-color: #0056b3;
       }

       /* Position the buttons on the left and right */
       .swiper-button-prev.custom-swiper-btn {
         position: absolute;
         top: 50%;
         left: 0;
         transform: translateY(-50%);
         z-index: 10;
       }

       .swiper-button-next.custom-swiper-btn {
         position: absolute;
         top: 50%;
         right: 0;
         transform: translateY(-50%);
         z-index: 10;
       }

       /* Hide the default swiper navigation */
       .swiper-button-next,
       .swiper-button-prev {
         display: none;
       }

       .carousel-controls {
         width: max-content;
         margin-left: auto;
       }


       .magazine-section .main-pera {
         font-style: normal;
       }



       .grid {
         display: grid;
         grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
         gap: 20px;
       }

       .card {
         border: 2px solid !important;
         border-radius: 16px;
         padding: 24px;
         transition: all 0.3s ease;
         background: white;

       }

       .card:hover {
         box-shadow: 0 8px 20px rgba(0, 0, 0, 0.08);
         transform: translateY(-4px);
       }

       .card-content {
         display: flex;
         align-items: flex-start;
         gap: 16px;
         padding: 0px;
       }

       .card-content img.founder {
         width: 100px;
         height: 100px;
         aspect-ratio: 1;
         object-fit: cover;
         border-radius: 12px;
         border: 2px solid white;
         -webkit-border-radius: 12px;
         -moz-border-radius: 12px;
         -ms-border-radius: 12px;
         -o-border-radius: 12px;
       }

       .company-logo {
         height: 24px;
         margin-bottom: 8px;
         object-fit: contain;
         mix-blend-mode: multiply;
       }

       .founder-name {
         font-weight: 500;
         font-size: 16px;
         color: #0f172a;

         display: -webkit-box;
         -webkit-line-clamp: 2;
         -webkit-box-orient: vertical;
         overflow: hidden;
       }


       .founder-role {
         font-size: 12px;
         color: #475569;
         margin-top: 4px;

         display: -webkit-box;
         -webkit-line-clamp: 1;
         -webkit-box-orient: vertical;
         overflow: hidden;
       }

       .valuation {
         border-top: 2px solid;
         margin-top: 16px;
         padding-top: 12px;
         font-size: 12px;
         text-align: center;
         font-style: italic;
         font-family: 'Exo', sans-serif;
         font-weight: 700;
       }

       /* === Color Variations === */
       .emerald {
         background: linear-gradient(to bottom right, #ecfdf5, #f0fdfa);
         border-color: #a7f3d0 !important;
       }

       .emerald .valuation {
         color: #059669;
         border-color: #a7f3d0 !important;
       }

       .violet {
         background: linear-gradient(to bottom right, #f5f3ff, #ede9fe);
         border-color: #c4b5fd !important;
       }

       .violet .valuation {
         color: #7c3aed;
         border-color: #c4b5fd !important;
       }

       .orange {
         background: linear-gradient(to bottom right, #fff7ed, #fffbeb);
         border-color: #fed7aa !important;
       }

       .orange .valuation {
         color: #ea580c;
         border-color: #fed7aa !important;
       }

       /*  */

       /* Image styling for news-cards */
       .news-cards img {
         margin-bottom: 20px;
         border-radius: 20px;
         width: 100%;
         object-fit: cover;
         /* Ensures the image maintains aspect ratio while filling the area */
         transition: transform 0.3s ease;
         /* Adds smooth image zoom effect on hover */
       }



       /* Card Title Styling */
       .news-cards .card-body h5 {
         font-size: 18px;
         margin-bottom: 20px;
         font-weight: 800;
         color: #333;
       }

       /* Styling for the entire news-cards-two container */
       .news-cards-two {
         display: flex;


         justify-content: space-between;
       }

       /* Individual card styling in news-cards-two */
       .news-cards-two .news-cards {
         flex: 1 1 30%;
         /* Flexbox: allows items to grow and shrink with a base width of 30% */
         background-color: #fff;
         border-radius: 12px;
         box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
         /* Subtle shadow for a floating effect */
         transition: transform 0.3s ease;
         /* Smooth hover effect */
         overflow: hidden;
         /* Ensures border-radius works on all sides */
       }

       .news-cards-two .news-cards:hover {
         transform: translateY(-10px);
       }

       /* Card Image styling within news-cards-two */
       .news-cards-two img {
         max-height: 300px;
         width: 200px;

         border-radius: 10px 0px 10px 0;
         object-fit: cover;
         margin-bottom: 0px;
         border-radius: 12px 0px 0px 20px;
         /*Roundedtopcornersfortheimages*/
         : ;
         -webkit-border-radius: 12px 0px 0px 20px;
         -moz-border-radius: 12px 0px 0px 20px;
         -ms-border-radius: 12px 0px 0px 20px;
         -o-border-radius: 12px 0px 0px 20px;
       }


       .news-section .news-cards img {
         margin-bottom: 0px !important;

       }

       /* Styling for the card body */
       .news-cards-two-body {
         padding: 20px !important;
         background-color: #f9f9f9;
         color: #555;

         -webkit-border-radius: 0px 20px 20px 0px;

       }

       /* Badge styling for category */
       .news-cards-two .badge {
         font-size: 12px;
         background-color: #17a2b8;
         /* Teal badge for category */
         padding: 5px 10px;
         border-radius: 15px;
         color: #fff;
       }

       /* Card Text Styling */
       .news-cards-two-text {
         font-size: 14px;
         line-height: 1.6;
         margin-bottom: 0px !important;
         color: #6c757d;

       }





       .news-cards-two-img-two {
         max-height: 350px;
       }



       /* Responsive Adjustments */
       @media (max-width: 768px) {
         .news-cards-two {
           flex-direction: column;
           /* Stacks cards vertically on smaller screens */
         }

         .news-cards-two .news-cards {
           flex: 1 1 100%;
           /* Make each card take full width */
         }
       }

       @media (max-width: 576px) {
         .news-cards .card-body h5 {
           font-size: 18px;
           /* Reduce font size on smaller screens */
         }

         .news-cards-two img {
           max-height: 250px;
           /* Smaller image size on very small screens */
         }
       }



       .img-border .news-cards-two-body {
         border-radius: 0px 0px 20px 20px !important;
         -webkit-border-radius: 0px 0px 20px 20px !important;
         -moz-border-radius: 0px 0px 20px 20px !important;
         -ms-border-radius: 0px 0px 20px 20px !important;
         -o-border-radius: 0px 0px 20px 20px !important;
       }

       .img-border img {
         border-radius: 20px 20px 0px 0px !important;
         -webkit-border-radius: 20px 20px 0px 0px !important;
         -moz-border-radius: 20px 20px 0px 0px !important;
         -ms-border-radius: 20px 20px 0px 0px !important;
         -o-border-radius: 20px 20px 0px 0px !important;
       }




       .bg-dark-light {
         background: var(--primary-red) !important;
       }

       .list li {
         padding: 8px;
         border: 1px solid var(--mbnav-bg-glass);
         border-radius: 10px;
         margin-bottom: 20px;
       }

       .list i {
         color: var(--primary-red);
         margin-right: 10px;
       }

       .cards-section {
         display: flex;
         gap: 20px;
         flex-wrap: wrap;
       }

       .why-choose-cards {
         padding: 20px;
         height: 100% !important;
         display: flex;
         border: 2px solid var(--primary-red);
         border-radius: 10px;
         -webkit-border-radius: 10px;
         -moz-border-radius: 10px;
         -ms-border-radius: 10px;
         -o-border-radius: 10px;
       }

       .why-choose-cards i {
         font-size: 30px;
         color: var(--mbnav-bg-glass);
         margin-bottom: 20px;
       }


       .sub-pera {
         font-weight: 500 !important;
         font-style: italic;
         font-family: var(--font-main);

       }


       .why-choose-cards .card-text {
         margin-top: 10px;


       }



       /*  */

       .faq-container {
         background: white;
         border-radius: 8px;
         padding: 60px;
         max-width: 900px;
         margin: 0 auto;
         -webkit-border-radius: 8px;
         -moz-border-radius: 8px;
         -ms-border-radius: 8px;
         -o-border-radius: 8px;
       }

       .accordion-button:not(.collapsed) {
         color: var(--mbnav-bg-glass-to) !important;
       }


       .accordion-header {
         font-weight: var(--font-main);
         border-bottom: 1px solid var(--dark-bg);
       }


       .faq-title {
         font-size: 32px;
         font-weight: 600;
         line-height: 1.2;
         margin-bottom: 20px;
       }

       .faq-description {
         font-size: 14px;
         color: #666;
         line-height: 1.6;
       }

       .accordion {
         border: none;
       }

       .accordion-item {
         border: none;
         border: none !important;
         margin-bottom: 0;

       }



       .accordion-button:not(.collapsed) {
         background: transparent;
         color: var(--mbnav-bg-glass);
         box-shadow: none;
       }

       .accordion-button:not(.collapsed) {
         background-color: transparent !important;
       }


       .accordion-button:focus,
       .accordion-button:focus {
         box-shadow: none !important;
       }


       .accordion-button::after {
         color: white !important;
       }

       .accordion-body {
         padding: 0 0 20px 0;
         border: none;
         font-size: 15px;
         line-height: 1.6;
         color: #4b5563;
       }

       @media (max-width: 768px) {
         .faq-header {
           grid-template-columns: 1fr;
           gap: 40px;
         }

         .faq-container {
           padding: 40px 20px;
         }

         .faq-title {
           font-size: 24px;
         }
       }








       .accordion-item h2::after {
         height: 0;
       }


       .bg-dark-light h2::after {
         background-color: white;
       }



       .magazine-baneer {
         border-radius: 20px;
         overflow: hidden;
         -webkit-border-radius: 20px;
         -moz-border-radius: 20px;
         -ms-border-radius: 20px;
         border: 2px solid var(--primary-red);
         -o-border-radius: 20px;

         box-shadow: rgba(9, 30, 66, 0.25) 0px 4px 8px -2px, rgba(9, 30, 66, 0.08) 0px 0px 0px 1px;
       }



       .featured-card {
         background: white;
         border-radius: 20px;
         overflow: hidden;
         box-shadow: 0 4px 12px 0 rgba(0, 0, 0, .04) !important;
         border: 1px solid #ececec;
         display: flex;

         flex-direction: column;
         height: 100%;
         min-height: 400px;
         -webkit-border-radius: 20px;
         -moz-border-radius: 20px;
         -ms-border-radius: 20px;
         -o-border-radius: 20px;
       }

       .featured-section .featured-image {
         width: 100%;
         background: linear-gradient(135deg, #d4a574 0%, #8b6f47 100%);
         object-fit: cover;
         max-height: 330px;
       }

       .featured-section .featured-content {
         padding: 30px;
         display: flex;
         flex-direction: column;
         justify-content: space-between;
         flex: 1;
       }

       .featured-section .featured-logo {
         display: flex;
         align-items: center;
         gap: 8px;
         margin-bottom: 15px;
       }

       .featured-section .featured-title {
         font-size: 24px;
         font-weight: 700;
         color: #1f2937;
         line-height: 1.3;
         margin-bottom: 15px;
       }



       .content-card {
         background: white;
         border-radius: 16px;
         overflow: hidden;
         transition: all 0.3s ease;
         display: flex;
         flex-direction: column;
         height: 100%;
         -webkit-transition: all 0.3s ease;
         -moz-transition: all 0.3s ease;
         -ms-transition: all 0.3s ease;
         -o-transition: all 0.3s ease;
         -webkit-border-radius: 16px;
         -moz-border-radius: 16px;
         -ms-border-radius: 16px;
         -o-border-radius: 16px;
       }

       .content-card:hover {
         transform: translateY(-8px);

       }

       .card-image {
         width: 100%;
         height: 130px;
         background: linear-gradient(135deg, #e0e7ff 0%, #f3e8ff 100%);
         object-fit: cover;
       }

       .content-card .card-content {
         padding: 10px;
         flex: 1;
         display: flex;
         flex-direction: column;
         justify-content: space-between;
       }

       .card-title {
         font-size: 18px;
         font-weight: 600;
         color: #1f2937;
         line-height: 1.4;
         margin-bottom: 10px;
         display: -webkit-box;
         -webkit-line-clamp: 2;
         -webkit-box-orient: vertical;
         overflow: hidden;
       }

       .card-description {
         font-size: 13px;
         color: #6b7280;
         line-height: 1.4;
         display: -webkit-box;
         -webkit-line-clamp: 2;
         -webkit-box-orient: vertical;
         overflow: hidden;
       }

       /* Navigation */
       .carousel-nav {
         display: flex;
         justify-content: center;
         align-items: center;
         gap: 20px;
         margin-top: 30px;
       }

       .swiper-pagination-custom {
         display: flex;
         gap: 8px;
       }

       .swiper-pagination-bullet {
         width: 8px;
         height: 8px;
         border-radius: 50%;
         background: #d1d5db;
         cursor: pointer;
         transition: all 0.3s ease;
         -webkit-transition: all 0.3s ease;
         -moz-transition: all 0.3s ease;
         -ms-transition: all 0.3s ease;
         -o-transition: all 0.3s ease;
         -webkit-border-radius: 50%;
         -moz-border-radius: 50%;
         -ms-border-radius: 50%;
         -o-border-radius: 50%;
       }

       .swiper-pagination-bullet-active {
         background: #374151;
         width: 24px;
         border-radius: 4px;
         -webkit-border-radius: 4px;
         -moz-border-radius: 4px;
         -ms-border-radius: 4px;
         -o-border-radius: 4px;
       }

       .nav-button {
         width: 40px;
         height: 40px;
         border-radius: 50%;
         border: 1px solid #d1d5db;
         background: white;
         display: flex;
         align-items: center;
         justify-content: center;
         cursor: pointer;
         transition: all 0.3s ease;
         font-size: 20px;
         color: #6b7280;
         -webkit-transition: all 0.3s ease;
         -moz-transition: all 0.3s ease;
         -ms-transition: all 0.3s ease;
         -o-transition: all 0.3s ease;
         -webkit-border-radius: 50%;
         -moz-border-radius: 50%;
         -ms-border-radius: 50%;
         -o-border-radius: 50%;
       }



       /* Responsive */
       @media (max-width: 1024px) {
         .featured-title {
           font-size: 20px;
         }

         .swiper-pagination-bullet-active {
           width: 20px;
         }
       }

       @media (max-width: 768px) {
         .featured-title {
           font-size: 18px;
         }

         .card-title {
           font-size: 14px;
         }

         .carousel-nav {
           gap: 12px;
         }

         .nav-button {
           width: 36px;
           height: 36px;
           font-size: 18px;
         }
       }

       @media (max-width: 576px) {
         /*body {*/
         /*  padding: 10px 8px;*/
         /*}*/

         .transformed_div {
           padding: 60px 20px !important;

         }

         .faq-contanier {
           padding: 0px 20px !important
         }

         .featured-card {
           min-height: fit-content !important;
         }

         footer {
           overflow-x: hidden;
         }

         .featured-content {
           padding: 20px;
         }

         .featured-title {
           font-size: 16px;
         }

         .card-content {
           padding: 16px;
         }

         .featured-image {
           /*height: 150px;*/
         }

         .card-image {
           height: 300px;
         }
       }



       .notes-section {
         background: white;
         padding: 10px;
         border-radius: 20px;
         -webkit-border-radius: 20px;
         -moz-border-radius: 20px;
         -ms-border-radius: 20px;
         -o-border-radius: 20px;
       }



       .news-card {
         padding: 21px;
         font-weight: 600;
         border-radius: 8px;
         background: #fff;
         line-height: 22px;
         box-shadow: rgba(0, 0, 0, 0.05) 0px 0px 0px 1px;
         -webkit-border-radius: 8px;
         -moz-border-radius: 8px;
         -ms-border-radius: 8px;
         -o-border-radius: 8px;
       }

       .custom-prev,
       .custom-next {
         background: transparent;
         border: none;
         padding: 0;
         border-radius: 6px;
         cursor: pointer;
         transition: 0.3s;
         font-size: 40px;
         color: var(--primary-red);
       }

       /* .custom-prev:hover,
.custom-next:hover {
  background: #000;
  color: #fff;
} */

       .custom-pagination .swiper-pagination-bullet {
         width: 8px;
         height: 8px;
         background: #ccc;
         opacity: 1;
       }

       .custom-pagination .swiper-pagination-bullet-active {
         background: #000;
         width: 18px;
         border-radius: 10px;
       }




       /* service */

       .service-card {
         position: relative;
         border-radius: 12px;
         overflow: hidden;
         height: 420px;
         color: #fff;
         -webkit-border-radius: 12px;
         -moz-border-radius: 12px;
         -ms-border-radius: 12px;
         -o-border-radius: 12px;
       }

       .service-card img {
         width: 100%;
         height: 100%;
         object-fit: cover;
       }

       .service-overlay {
         position: absolute;
         inset: 0;
         background: linear-gradient(to top, rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.2));
         padding: 25px;
         display: flex;
         flex-direction: column;
         justify-content: end;
       }

       .service-title {
         font-size: 20px;
         font-weight: 600;
         margin-bottom: 10px;
       }

       .service-text {
         font-size: 14px;
         line-height: 1.5;
         opacity: 0.9;
       }



       .featured-section-contant {
         padding: 30px;
         background-color: #F5F7FF;
         border-radius: 20px;
         -webkit-border-radius: 20px;
         -moz-border-radius: 20px;
         -ms-border-radius: 20px;
         -o-border-radius: 20px;



         background: #f5f7ff;
         border: 1px solid hsla(0, 0%, 80%, .4);
         border-radius: 16px;

         padding: 24px;




       }

       .featured-container {
         max-width: 1200px;
         margin: auto;
       }

       .baneer-section {
         max-width: 1200px;
         margin: auto;
         padding: 0;
         overflow: hidden;
         border: 2px solid var(--primary-red);
         box-shadow: rgba(0, 0, 0, 0.2) 0px 18px 50px -10px;
         border-radius: 20px;
         -webkit-border-radius: 20px;
         -moz-border-radius: 20px;
         -ms-border-radius: 20px;
         -o-border-radius: 20px;
       }

       .baneer-section img {
         width: 100%;
         max-height: 400px;
         padding: 0;
         margin: 0;
       }

       .featured-crad-title {
         font-size: 12px;
         line-height: 16px;
         display: -webkit-box;
         -webkit-line-clamp: 2;
         /* Limit to 2 lines */
         -webkit-box-orient: vertical;
         overflow: hidden;

         min-height: 32px;
       }



       .main-featured-title {
         font-size: 18px;
         display: -webkit-box;
         -webkit-line-clamp: 2;
         /* Limit to 2 lines */
         -webkit-box-orient: vertical;
         overflow: hidden;
         font-weight: 600;
         line-height: 24px;
       }



       .content-card {
         box-shadow: 0 4px 12px 0 rgba(0, 0, 0, .04) !important;
         border: 1px solid #ececec;
       }


       .swiper-nav-btns {
         margin-top: -20px;
         z-index: 99;
         position: relative;
       }




       .sup {
         /*display: inline-flex;*/
         /*align-items: center;*/
         /*justify-content: center;*/
         /*font-weight: 600;*/
         /*line-height: 0;*/
         font-size: 26px;
       
         /*width: 40px;*/
         /*height: 40px;*/
         border-radius: 50%;
         padding: 4px 4px 1px 5px;
         border: 3px solid #ba2838;
         top: -1em !important;
       }

       .hero-section {
         background-image: var(--bg);

         border-radius: 0 0px 80px 80px;
         /* background-image: none; */

       }

       .hero-line {
         font-weight: 400;
         font-size: 30px;
       }












       .btn-white {
         background: white;
         border: none !important;
         color: var(--dark-bg);
       }

       .btn-white:hover {
         background: var(--dark-bg);
         color: white;
       }

       .spotlight-card .card-heading {
         align-items: end !important;
         gap: 10px;
       }

       .spotlight-card .icon-hover {
         width: 30px;
         height: 30px;
         background: var(--primary-red);
         border-radius: 50%;
         text-align: center;
         display: flex;
         justify-content: center;
         align-items: center;
         font-size: 16px;
         color: white;
         -webkit-border-radius: 50%;
         -moz-border-radius: 50%;
         -ms-border-radius: 50%;

         -o-border-radius: 50%;
       }





       .icon-hover {
         font-size: 24px;
         cursor: pointer;
         color: var(--primary-red);
         /*Smoothestanimation*/
         transition: transform 0.40s cubic-bezier(0.25, 0.1, 0.25, 1), rotate 0.45s cubic-bezier(0.25, 0.1, 0.25, 1);
         -webkit-transition: transform 0.45s cubic-bezier(0.25, 0.1, 0.25, 1), ;
         -moz-transition: transform 0.45s cubic-bezier(0.25, 0.1, 0.25, 1), ;
         -ms-transition: transform 0.45s cubic-bezier(0.25, 0.1, 0.25, 1), ;
         -o-transition: transform 0.45s cubic-bezier(0.25, 0.1, 0.25, 1), ;
       }

       .popular-card:hover .icon-hover,
       .spotlight-card:hover .icon-hover {
         transform: translateY(-4px);
         /*Slowupwardlift*/
         rotate: -45deg;
         /* Smooth rotation */
         : ;
         -webkit-transform: translateY(-4px);
         -moz-transform: translateY(-4px);
         -ms-transform: translateY(-4px);
         -o-transform: translateY(-4px);
       }


       .card-heading {
         display: flex;
         gap: 10px;
       }





       ::marker {
         color: var(--primary-red);
       }


       .ml10 {
         position: relative;
         font-weight: 900;
       }

       .ml10 .text-wrapper {
         position: relative;
         display: inline-block;
         padding-right: 0.05em;

         /*padding-top: 0.2em;*/
         /*padding-bottom: 0.1em;*/
         overflow: hidden;
       }

       .ml10 .letter {
         display: inline-block;
         line-height: 1em;
         color: var(--primary-red);
         transform-origin: 0 0;
       }

       .heading-logo {
         width: 70px;
         display:none;
       }


       /* after backend */
       .news-hero-banner {
         background: #d10a17;
         padding: 60px 15px !important;
         color: #fff;
         text-align: center;
         font-weight: 700;
       }

       .news-hero-banner h1 {
         font-size: 48px;
         text-transform: uppercase;
         margin-bottom: 20px;
       }

       .news-hero-banner p {
         max-width: 600px;
         margin: 0 auto;
         font-size: 16px;
         line-height: 1.6;
       }

       .new-container .card {
         display: flex;
         flex-direction: row;
         border-radius: 10px;
         padding: 5px !important;
         background: #fff;
         box-shadow: 0 3px 8px rgb(0 0 0 / 0.1);
         overflow: hidden;
         margin-bottom: 25px;
         transition: box-shadow 0.3s ease;
         border: none !important;
         transition: all .5s ease;
         gap:10px;
       }

       .new-container .card:hover {
         box-shadow: 0 10px 25px rgb(0 0 0 / 0.15);
       }

       .new-container .card img {
         width: 40%;
         height: 350px;
         object-fit: cover;
         border-radius: 10px;
         flex-shrink: 0;
       }

       .new-container .card-body {
         padding: 15px 2px;
         display: flex;
         flex-direction: column;
         justify-content: space-between;
       }

       .new-container .card-body .category-label {
         font-size: 12px;
         font-weight: 700;
         color: #d10a17;
         text-transform: uppercase;
         margin-bottom: 8px;
         letter-spacing: 0.05em;
       }

       .new-container .card-title {
         font-size: 20px;
         font-weight: 700;
         margin-bottom: 12px;
       }

       .new-container .card-text {
         font-size: 14px;
         color: #555;
         margin-bottom: 15px;
       }

       .new-container .card-footer {
         color: #999;
         font-weight: 700;
       }

       /* Sidebar */
       .sidebar-card {
         background: #fff;
         border-radius: 10px;
         padding: 15px;
         box-shadow: 0 3px 8px rgb(0 0 0 / 0.1);
         max-height: 650px;
         overflow-y: auto;
       }

       .sidebar-card:hover {
         box-shadow: 0px 8px 22px rgba(0, 0, 0, 0.09);
       }

       .sidebar-card h4 {
         color: #d10a17;
         font-weight: 700;
         font-size: 22px;
         margin-bottom: 15px;
         display: -webkit-box;
         -webkit-line-clamp: 2;
         /* limit to 2 lines */
         -webkit-box-orient: vertical;
         overflow: hidden;

         text-transform: capitalize;

       }

       .latest-item {
         display: flex;
         background: #fff;
         border-radius: 8px;
         padding: 8px 10px;
         margin-bottom: 15px;
         box-shadow: 0 2px 10px rgb(0 0 0 / 0.05);
         transition: all 0.2s ease;
       }

       .latest-item:hover {
         background-color: #f9f0f0;
         transform: translateX(4px);
       }

       .latest-img {
         width: 70px;
         /*height: 70px;*/
         aspect-ratio: 1;
         object-fit: cover;
         border-radius: 6px;
         flex-shrink: 0;
         margin-right: 12px;
       }

       .latest-content {
         flex: 1;
         display: flex;
         flex-direction: column;
         justify-content: center;
       }

       .latest-category {
         font-size: 11px;
         font-weight: 700;
         color: #d10a17;
         text-transform: uppercase;
         margin-bottom: 5px;
       }

       .latest-title {
         font-size: 15px;
         font-weight: 700;
         color: #222;
         margin-bottom: 6px;
         white-space: nowrap;
         overflow: hidden;
         text-overflow: ellipsis;
       }

       .latest-meta {
         font-size: 12px;
         color: #777;
       }

       a {
         text-decoration: none !important;
       }


       /* Category Badge */
       .news-category-badge {
         background: linear-gradient(45deg, #e63946, #d62839);
         color: #fff;
         padding: 7px 16px;
         border-radius: 30px;
         font-weight: 600;
         font-size: 14px;
         letter-spacing: .3px;
         box-shadow: 0 4px 10px rgba(230, 57, 70, 0.3);
       }


       /* News Content */
       .news-content {
         text-align: justify;
       }

       /* Summary Box */
       .summary-box {
         background: #fff5f6;
         border-left: 5px solid #e63946;
         padding: 20px;
         border-radius: 8px;
         box-shadow: 0 4px 15px rgba(0, 0, 0, 0.05);
       }

       .summary-box h3 {
         color: #e63946;
         font-weight: 700;
       }

       /* Sidebar */
       .sticky-sidebar {
         position: sticky;
         top: 120px;
       }



       /* Image Styling */
       .main-img {
         border-radius: 12px;
         box-shadow: 0 4px 20px rgba(0, 0, 0, 0.12);
       }

       .news-category-badge a {
         text-decoration: none;
         color: white;
       }


       /* footer himanshu */


       .about-banner {
         background-image: var(--bg);
         padding: 60px 0 !important;
         color: white;
       }

       .about-banner .breadcrumb-item+.breadcrumb-item::before {
         color: rgba(255, 255, 255, 0.6);
       }

       .breadcrumb-item a {
         text-decoration: none;
       }


       .anaam-timeline-main-container {
         min-height: 100vh;
       }

       /* Text Colors */
       .anaam-text-red-primary {
         color: var(--primary-red) !important;
       }

       .anaam-text-red-secondary {
         color: var(--mbnav-bg-glass) !important;
       }

       .anaam-text-white-opacity {
         color: rgba(255, 255, 255, 0.85) !important;
       }

       /* Timeline Structure */
       .anaam-timeline-wrapper {
         position: relative;
         padding: 2rem 0;
         overflow: hidden;
       }

       /* Central Timeline Line - Desktop */
       .anaam-timeline-central-line {
         position: absolute;
         left: 50%;
         top: -150px;
         bottom: 0;
         width: 4px;
         background: var(--primary-red);
         transform: translateX(-50%);
         z-index: 0;
         -webkit-transform: translateX(-50%);
         -moz-transform: translateX(-50%);
         -ms-transform: translateX(-50%);
         -o-transform: translateX(-50%);
       }

       /* Mobile Timeline Line */
       .anaam-timeline-mobile-line {
         position: absolute;
         left: 1.5rem;
         top: 0;
         bottom: 0;
         width: 4px;
         background: var(--mbnav-bg-glass-from);
         z-index: 1;
       }

       /* Timeline Items */
       .anaam-timeline-milestone {
         position: relative;
         margin-bottom: 4rem;
         opacity: 1 !important;
         /* Always visible, no animation */
         transform: none !important;
         transition: none !important;
       }

       .anaam-timeline-milestone.anaam-animate-in {
         opacity: 1 !important;
         transform: none !important;
       }

       /* Timeline Year Circle */
       .anaam-timeline-year-circle {
         background: var(--primary-red);
         color: white;
         width: 4rem;
         height: 4rem;
         border-radius: 50%;
         display: flex;
         align-items: center;
         justify-content: center;
         font-weight: bold;
         font-size: 0.9rem;
         box-shadow: 0 4px 12px rgba(220, 38, 38, 0.3);
         position: relative;
         z-index: 10;
         margin: 0 auto;
       }

       /* Timeline Content */
       .anaam-timeline-content-wrapper {
         position: relative;
       }

       .anaam-timeline-content-card {
         background: white;
         border-radius: 12px;
         padding: 2rem;
         box-shadow: 0 8px 25px rgba(0, 0, 0, 0.1);
         border-left: 4px solid var(--primary-red);
         transition: all 0.3s ease;
         position: relative;

         -webkit-transition: all 0.3s ease;
         -moz-transition: all 0.3s ease;
         -ms-transition: all 0.3s ease;
         -o-transition: all 0.3s ease;
       }

       .anaam-timeline-content-card:hover {
         box-shadow: 0 12px 35px rgba(0, 0, 0, 0.15);
         transform: translateY(-2px);
       }

       /* Right side cards */
       .anaam-timeline-milestone[data-side="right"] .anaam-timeline-content-card {
         border-left: none;
         border-right: 4px solid var(--primary-red);
       }

       /* Timeline Title */
       .anaam-timeline-milestone-title {
         color: var(--primary-red);
         font-size: 1.25rem;
         font-weight: 700;
         margin: 0;
         line-height: 1.3;
       }

       /* Timeline Description */
       .anaam-timeline-milestone-description {
         color: #4b5563;
         margin: 0;
         line-height: 1.6;
       }

       /* Timeline Icons */
       .anaam-timeline-milestone-icon {
         background: var(--anaam-red-100);
         color: var(--mbnav-bg-glass-from);
         width: 2.5rem;
         height: 2.5rem;
         border-radius: 50%;
         display: flex;
         align-items: center;
         justify-content: center;
         flex-shrink: 0;
       }

       /* Footer Message */
       .anaam-timeline-footer-message {
         background: var(--mbnav-bg-glass-from);
         box-shadow: 0 8px 25px rgba(220, 38, 38, 0.3);
       }

       /* Mobile Styles */
       @media (max-width: 767.98px) {
         .anaam-timeline-wrapper {
           padding-left: 0.5rem;
           padding-right: 0.5rem;
         }
         
         .header-title{
             line-height:55px;
         }
         
         .sup {
        
         font-size: 20px;
         border-radius: 50%;
         padding: 5px 4px 0 6px;
         border: 2px solid #ba2838;
         top: -1em !important;
       }

         .anaam-timeline-milestone {
           margin-bottom: 3rem;
           display: flex;
           flex-direction: row;
           align-items: flex-start;
           position: relative;
         }

         .anaam-timeline-year-col {
           width: 3.5rem;
           min-width: 3.5rem;
           display: flex;
           flex-direction: column;
           align-items: center;
           position: relative;
           z-index: 2;
         }

         .anaam-timeline-year-circle {
           width: 3rem;
           height: 3rem;
           font-size: 0.8rem;
           position: static;
           margin: 0 0 0.5rem 0;
           display: flex;
           align-items: center;
           justify-content: center;
         }

         .anaam-timeline-content-col {
           flex: 1 1 0%;
           min-width: 0;
           margin-left: 0.5rem;
         }

         .anaam-timeline-content-wrapper {
           margin-left: 0;
         }

         .anaam-timeline-content-card {
           padding: 1.5rem;
           border-left: 4px solid var(--mbnav-bg-glass-from) !important;
           border-right: none !important;
         }

         .anaam-timeline-milestone-title {
           font-size: 1.1rem;
         }

         .anaam-timeline-milestone-icon {
           width: 2rem;
           height: 2rem;
         }

         .anaam-mobile-flex-start {
           justify-content: flex-start !important;
         }

         .anaam-mobile-margin-left {
           margin-right: 0 !important;
           margin-left: 0.75rem !important;
         }

         /* Hide the old row/col structure on mobile */
         .anaam-timeline-milestone .row {
           display: none !important;
         }

         /* Adjust mobile timeline line to be centered with year circles */
         .anaam-timeline-mobile-line {
           left: 2.0rem;
           width: 4px;
           top: -330px;
           bottom: 0;
           z-index: 0;
         }
       }

       /* Remove animation delays for staggered effect */
       .anaam-timeline-milestone:nth-child(1),
       .anaam-timeline-milestone:nth-child(2),
       .anaam-timeline-milestone:nth-child(3),
       .anaam-timeline-milestone:nth-child(4),
       .anaam-timeline-milestone:nth-child(5),
       .anaam-timeline-milestone:nth-child(6) {
         transition-delay: 0s !important;
       }

       /* Pulse animation (still used for click) */
       @keyframes anaam-pulse-animation {
         0% {
           transform: scale(1);
           -webkit-transform: scale(1);
           -moz-transform: scale(1);
           -ms-transform: scale(1);
           -o-transform: scale(1);
         }

         50% {
           transform: scale(1.1);
           -webkit-transform: scale(1.1);
           -moz-transform: scale(1.1);
           -ms-transform: scale(1.1);
           -o-transform: scale(1.1);
         }

         100% {
           transform: scale(1);
           -webkit-transform: scale(1);
           -moz-transform: scale(1);
           -ms-transform: scale(1);
           -o-transform: scale(1);
         }
       }

       /* Header styles */
       .anaam-timeline-main-header {
         text-align: center;
         margin-bottom: 3rem;
       }

       .anaam-timeline-main-title {
         font-size: 2.5rem;
         font-weight: bold;
         color: var(--primary-red);
         margin-bottom: 1.5rem;
       }

       .anaam-timeline-main-subtitle {
         font-size: 1.125rem;
         color: var(--primary-red);
         max-width: 600px;
         margin: 0 auto;
         line-height: 1.6;
       }

       /* Responsive header */
       @media (max-width: 767.98px) {
         .anaam-timeline-main-title {
           font-size: 2.5rem;
         }

         .anaam-timeline-main-subtitle {
           font-size: 1rem;
           padding: 0 1rem;
         }
       }




       .feature-card i {
         color: var(--primary-red);
         font-size: 30px;
         margin-bottom: 10px;
       }


       .feature-card {
         padding: 20px;
         border-radius: 10px;
         height: 100%;
         box-shadow: rgba(14, 63, 126, 0.04) 0px 0px 0px 1px, rgba(42, 51, 69, 0.04) 0px 1px 1px -0.5px, rgba(42, 51, 70, 0.04) 0px 3px 3px -1.5px, rgba(42, 51, 70, 0.04) 0px 6px 6px -3px, rgba(14, 63, 126, 0.04) 0px 12px 12px -6px, rgba(14, 63, 126, 0.04) 0px 24px 24px -12px;
         -webkit-border-radius: 10px;
         -moz-border-radius: 10px;
         -ms-border-radius: 10px;
         -o-border-radius: 10px;
       }





       .misson {
         height: 100%;
         padding: 20px;
         border-radius: 20px;
         border: none;
         background-color: #fcfcfd;
       }

       .card-title {
         font-weight: bold;
       }

       .misson h5 {
         font-size: 1.5rem;
         font-weight: 600;
       }

       .card-body ul {
         padding-left: 20px;
       }

       .card-body ul li {
         margin-bottom: 10px;
       }

       .bg-3 {
         background-color: #F4F5F8;
       }

       .newsletter-section p a {
         text-decoration: none;
         color: var(--primary-red);
         font-size: 21px;
       }


       .contant-section {
         max-width: 900px;
         margin: auto;
       }




       .policy .header h1 {
         font-size: 2.5em;
         margin-bottom: 10px;
         font-weight: 700;
       }

       .policy .header .subtitle {
         font-size: 1.1em;
         opacity: 0.95;
       }

       .policy .content {
         padding: 50px 40px;
       }

       .policy .intro {
         background: #f8f9fa;
         padding: 30px;
         border-radius: 12px;

         border-left: 4px solid var(--primary-red);
       }

       .policy.intro p {
         font-size: 1.05em;
         color: #495057;
         margin-bottom: 15px;
       }

       .intro p:last-child {
         margin-bottom: 0;
       }


       .policy h2 {
         color: var(--primary-red);
         font-size: 1.8em;
         margin-bottom: 20px;
         max-width: max-content;
         padding-bottom: 10px;
         border-bottom: 3px solid var(--primary-red);
       }

       .policy h3 {
         color: #495057;
         font-size: 1.3em;
         margin: 25px 0 15px 0;
       }

       .policy p {
         margin-bottom: 15px;
         color: #495057;
       }

       .policy ul {
         margin: 15px 0 20px 25px;
       }

       .policy li {
         margin-bottom: 12px;
         color: #495057;
         line-height: 1.6;
       }

       .policy .highlight-box {
         background: #ffece7;
         border-left: 4px solid var(--primary-red);
         padding: 20px;
         margin: 25px 0;
         border-radius: 8px;
       }

       .policy .contact-box {
         background: linear-gradient(135deg, #ef3838 0%, #a24b4b 100%);
         color: white;
         padding: 35px;
         border-radius: 12px;
         margin-top: 40px;
         text-align: center;
       }

       .policy .contact-box h2 {
         color: white;
         border: none;
         margin-bottom: 20px;
         padding: 0;
       }

       .policy .contact-box a {
         color: white;
         text-decoration: none;
         font-weight: 500;
         border-bottom: 2px solid rgba(255, 255, 255, 0.5);
         transition: all 0.3s ease;
         display: inline-block;
         margin: 5px 10px;

       }

       .policy .contact-box a:hover {
         border-bottom-color: white;
         transform: translateY(-2px);

       }

       .policy .promise-box {
         background: linear-gradient(135deg, #ffeaa7 0%, #fdcb6e 100%);
         padding: 35px;
         border-radius: 12px;
         margin: 40px 0;
         text-align: center;
       }

       .promise-box h2 {
         color: #2c3e50;
         margin-bottom: 15px;
         border: none;
       }

       .promise-box p {
         color: #2c3e50;
         font-size: 1.05em;
         line-height: 1.8;
       }

       .emoji {
         font-size: 1.3em;
         margin-right: 8px;
       }


       @media (max-width: 768px) {


         .policy .header {
           padding: 40px 25px;
         }

         .policy .content {
           padding: 30px 25px;
         }

         .policy h2 {
           font-size: 1.5em;
           max-width: auto !important;
         }
       }

       .policy h4 {
         font-size: 18px;
         color: var(--primary-red);
       }

       .contact-box {
         text-align: center;
         color: white;
       }

       .contact-box p,
       a {
         color: white;

       }

       .contact-box h2 {
         margin: auto;
       }




       .cookie-table {
         width: 100%;
         border-collapse: collapse;
         background: white;
       }

       .cookie-table th,
       .cookie-table td {
         padding: 15px;
         border: 1px solid #ddd;
         text-align: left;
       }

       .cookie-table .table-header {
         background: var(--primary-red);
         color: #fff;
       }

       .cookie-table .alt-row {
         background: #f8f9fa;
       }


       .views {
         background: var(--mbnav-bg-glass);
         color: white;
         width: fit-content;
         padding: 10px;
         border-radius: 50px;
       }

       .tick {
         width: 25px !important;
         height: 25px !important;
       }




       /*  */

       .main-navbar {
         padding: 4px;
       }

       .anim-new-text {
         margin: 10px 0 !important;
       }

       .anim-new-text li {
         font-size: 1.3rem;
       }

       .anim-new-text li::marker {
         color: white;
       }

       .card-image {
         object-position: top !important;
       }

       /*  */

       .faq-grid {
         display: grid;
         grid-template-columns: 2fr 2fr;
         gap: 10px;
       }

       /* Tablets and smaller screens */
       @media (max-width: 992px) {
         .faq-grid {
           grid-template-columns: 1fr 1fr;
           /* two equal columns */
         }
       }

       /* Mobile devices */
       @media (max-width: 600px) {
         .faq-grid {
           grid-template-columns: 1fr;
           /* single column */
         }
       }

       .accordion-item {
         background: #ffffff;
         border: 1px solid #dfe7e5;
         padding: 16px 20px;
         border-radius: 8px;
         cursor: pointer;
         transition: 0.3s ease;
       }

       .accordion-item:hover {
         background: #f7eeee;
         border-color: #d7b8b8;
       }

       .accordion-question {
         font-size: 16px;
         color: #ff0000;
         display: flex;
         justify-content: space-between;
         align-items: center;
       }

       .accordion-question::after {
         content: "✦";
         color: #b21919;
         font-size: 18px;
         transition: transform 0.3s ease;
       }

       .accordion-item.active .accordion-question::after {
         transform: rotate(90deg);
       }

       .accordion-answer {
         display: none;
         margin-top: 10px;
         color: #5d3535;
         line-height: 1.6;
       }

       .accordion-item.active .accordion-answer {
         display: block;
       }
       
       
       
       .social-share {
    display: flex;
    gap: 15px; /* space between icons */
    margin: 0px 0px 30px 0;
    justify-content: flex-start; /* Align left, you can change to center */
}

.social-share a {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;      /* square size */
    height: 40px;
    border-radius: 8px;
    background-color: #f0f0f0;
    color: #555;
    text-decoration: none;
    font-size: 18px;
    transition: background-color 0.3s, color 0.3s;
    box-shadow: 0 2px 5px rgba(0,0,0,0.1);
}

.social-share a:hover {
    background-color: #a90214; 
    color: white;
    box-shadow: 0 4px 12px #a902135b;
}

/* Specific brand colors on hover */
.social-share a.facebook:hover { background-color: #3b5998; }
.social-share a.twitter:hover { background-color: #1da1f2; }
.social-share a.linkedin:hover { background-color: #0077b5; }
.social-share a.whatsapp:hover { background-color: #25d366; }
.social-share a.email:hover { background-color: #ea4335; }
.social-share a.copy:hover { background-color: #555; }

/* Icon vertical alignment */
.social-share i {
    pointer-events: none; /* so clicks go to <a> */
}