* {
  margin: 0;
  box-sizing: border-box;
  font-family: Rubik;
}

@font-face {
  font-family: 'Rubik';
  
  font-display: swap;
}
html * {

  -webkit-font-smoothing: antialiased;

}
 
body {

  font-family: 'Rubik', -apple-system, BlinkMacSystemFont, sans-serif;

}
  
* {
  font-family: 'Rubik', sans-serif;
}

/*
@media (max-width:767px){
	.mdnone{
		display: none !important;
	}
}
*/

 /* ================Header====================  */

 .balic_homepage_header a {
   text-decoration: none;
   color: inherit;
   display: block;
   padding: 10px 15px;
 }

 .balic_homepage_header ul {
   list-style: none;
 }

 /* Navbar Styling */
 .navbar-container {
   background-color: #265CA7;
   /* Dark Blue */
   width: 100%;
   position: fixed;
   /* FIXED HEADER */
   top: 0;
   left: 0;
   z-index: 1010;
	 padding: 10px 0px;
   /* Ensure it stays above everything else */
 }

 .balic_homepage_header .navbar {
   display: flex;
   max-width: 1200px;
   margin: 0 auto;
   padding: 0 20px;
   color: white;
   height: 60px;
   gap: 40px;
 }

 .balic_homepage_header .logo {
   display: flex;
   align-items: center;
   font-weight: bold;
 }

 .balic_homepage_header .logo img {
   /*height: 40px;
    Adjust size */
   margin-right: 10px;
   /* Placeholder for the logo image */
   background-color: white;
   padding: 5px;
   border-radius: 3px;
 }

 .balic_homepage_header .nav-links {
   display: flex;
   height: 100%;
 }

 .balic_homepage_header .nav-item {
   position: relative;
   height: 100%;
   /* FIX: Add padding/margin to make the hover area larger and continuous */
   padding-bottom: 5px;
   /* Creates a small overlap area */
   margin-bottom: -5px;
   /* Pulls the menu up slightly */
   display: flex;
   align-items: center;
 }

 .balic_homepage_header .nav-item>a {
   font-size: 14px;
   font-weight: 400;
   padding: 0 15px;
   line-height: 100%;
   white-space: nowrap;
 }


 /* Dropdown Menu Styling */
 .balic_homepage_header .dropdown-menu {
   display: none;
   position: absolute;
   top: 100%;
   left: 0;
   z-index: 1000;
   min-width: 205px;
   background-color: #FFFFFE;
   box-shadow: 0 8px 16px rgba(0, 0, 0, 0.2);
   padding: 5px 0;

   /* FIX: Add top margin/padding to bridge the gap with the main nav item */
   margin-top: 0px;
   width: max-content;
 }

 /* New style for the Customer Services headers */
 .balic_homepage_header .dropdown-header {
   font-weight: 500;
   color: #444;
   padding: 10px 20px 5px;
   background-color: #ffffff;
   /* Slightly different background to stand out */
   cursor: default;
 }

 .balic_homepage_header .dropdown-header:hover {
   background-color: #c98585;
   /* Prevent hover effect on header */
   color: #444;
 }


 .balic_homepage_header .dropdown-parent:hover>.dropdown-menu {
   display: block;
   /* Show on hover for desktop */
 }

 .balic_homepage_header .dropdown-menu li {
   line-height: 1.2;
 }

 .balic_homepage_header .dropdown-menu a {
   color: #333;
   /* Dark text for dropdown links */
   padding: 10px 20px;
   font-size: 14px;
 }

 .balic_homepage_header .dropdown-menu a:hover {
   box-shadow: 0px 0px 8px 0px #0000001F;
   background-color: #F4FAFF;

 }

 /* Nested Dropdown Styling (for Knowledge Centre) */
 .balic_homepage_header .nested-parent {
   position: relative;
 }

 .balic_homepage_header .nested-menu {
   display: none;
   position: absolute;
   top: 0;
   left: 100%;
   min-width: 150px;
   background-color: #F4FAFF;
   padding: 5px 0;
   left: 100%;
   right: auto;
   width: max-content;
   box-shadow: -2px 0px 8px 0px #00000029;
 }

 .balic_homepage_header .nested-menu.flip {
   left: auto;
   /* Remove left positioning */
   right: 100%;
   /* Position to the left of the parent item */
 }

 .balic_homepage_header .nested-parent:hover>.nested-menu {
   display: block;
   /* Show on hover */
 }

 .balic_homepage_header .nested-parent:hover>.nested-menu.flip {
   display: block;
 }

 .balic_homepage_header .nested-parent>a {
   display: flex;
   justify-content: space-between;
   align-items: center;
 }

 /* Hamburger Icon (Mobile only) */
 .balic_homepage_header .hamburger {
   display: none;
   /* Hidden on desktop */
   background: none;
   border: none;
   color: white;
   font-size: 24px;
   cursor: pointer;
   padding: 10px;
 }

 /* --- New Arrow Styles (Pure CSS) --- */

 .balic_homepage_header .arrow {
   display: inline-block;
   position: relative;
   width: 10px;
   /* Container width */
   height: 10px;
   /* Container height */
   margin-left: 5px;
   /* Spacing from text */
   top: -2px;
 }

 /* The actual diamond shape */
 .balic_homepage_header .arrow::after {
   content: '';
   display: block;
   position: absolute;
   top: 50%;

   /* YOUR PROVIDED STYLES APPLIED */
   width: 8px;
   height: 8px;
   border-right: 1.5px solid #fff;
   /* Changed to White for main navbar */
   border-bottom: 1.5px solid #fff;
   /* Changed to White for main navbar */
   pointer-events: none;
   transition: .3s ease;
 }

 /* --- Down Arrow (Main Menu) --- */

 .balic_homepage_header .main-down::after {
   /* rotate(45deg) makes it point down-right, we want it to point DOWN */
   transform: translateY(-50%) rotate(45deg);
   left: 0;
 }

 .balic_homepage_header .sub-right::after {
   rotate: -45deg;
 }
.article-card {
  cursor: pointer;
  position: relative;
}

 /* Media Query for Mobile Responsiveness */
 @media (max-width: 900px) {
   .balic_homepage_header .navbar {
     padding: 0 15px;
     justify-content: space-between;
   }

   .balic_homepage_header .hamburger {
     display: block;
     /* Show hamburger on mobile */
   }

   .balic_homepage_header .nav-links {
     display: none;
     /* Hide nav links initially */
     flex-direction: column;
     width: 100%;
     position: fixed;
     /* Change from absolute to fixed */
     top: 60px;
     /* Below the fixed navbar */
     max-height: calc(100vh - 60px);
     background-color: #ffffff;
     box-shadow: 0 8px 16px rgba(0, 0, 0, 0.2);
     height: auto;
     max-height: calc(100vh - 60px);
     overflow-y: auto;
   }

   .balic_homepage_header .nav-links.active {
     display: flex;
     /* Show when active */
   }

   .balic_homepage_header .nav-item {
     width: 100%;
     display: block;
     /* Allow full-width items */
     padding-bottom: 0;
     /* Remove desktop gap fix for mobile */
     margin-bottom: 0;
     display: block;
   }

   .balic_homepage_header .nav-item>a {
     padding: 20px 20px;
     line-height: normal;
     font-size: 16px;
     font-weight: 400;
     color: #363C41;
     background: #fff;
   }

   /* Mobile Dropdown & Nested Menu Adjustments */
   .balic_homepage_header .dropdown-menu {
     position: static;
     /* Stack vertically on mobile */
     min-width: 100%;
     box-shadow: none;
     padding: 0;
     margin-top: 0;
   }

   /* On mobile, dropdowns will be toggled by JS, not hover */
   .balic_homepage_header .dropdown-parent:hover>.dropdown-menu {
     display: none;
     /* Override desktop hover for mobile */
   }

   .balic_homepage_header .nested-menu {
     position: static;
     left: 0;
     right: 0;
     min-width: 100%;
     box-shadow: none;
     padding-left: 20px;
     background: #fff;
   }

   .balic_homepage_header .nested-menu.flip {
     right: auto;
   }

   .balic_homepage_header .nested-parent:hover>.nested-menu {
     display: none;
     /* Override desktop hover for mobile */
   }

   /* Mobile active/open state for dropdowns (handled by JS) */
   .balic_homepage_header .dropdown-parent.open>.dropdown-menu,
   .balic_homepage_header .nested-parent.open>.nested-menu {
     display: block;
     padding-bottom: 20px;
   }

   .dropdown-parent.open>a .main-down::after {
     transform: translateY(-50%) rotate(225deg);
     /* Points UP when open */
   }





   .dropdown-parent.open>.cross_icon .main-down::after {
     /* transform: translateY(-50%) rotate(225deg);  */
     content: '';
     position: absolute;
     top: 50%;
     left: 50%;
     transform: translate(-50%, -50%);

     width: 14px;
     height: 0.1px;
     background-color: #363C41;
     transform: translate(-50%, -50%) rotate(45deg);
   }

   .dropdown-parent.open>.cross_icon .main-down::before {
     content: '';
     position: absolute;
     top: 50%;
     left: 50%;
     transform: translate(-50%, -50%);
     width: 15px;
     height: 1.5px;
     background-color: #363C41;
     transform: translate(-50%, -50%) rotate(-45deg);
   }





   /* --- Right Arrow (Nested Menu) --- */

   .balic_homepage_header .sub-right {
     /* Ensure the container is aligned correctly within the flex parent */
     align-self: center;
   }

   .balic_homepage_header .sub-right::after {
     /* Colors must change for the dropdown background */
     border-right: 1.5px solid #363c41;
     border-bottom: 1.5px solid #363c41;

     /* Rotate the diamond to point RIGHT */
     transform: translateY(-50%) rotate(-45deg);
     right: 0;
     /* Position at the right end of the parent element */
   }

   .nav-links {
     padding-left: 0;
     top: 60px;
     left: 0;
     bottom: 0;
   }

   .balic_homepage_header .nav-item {
     height: auto;
   }

   .balic_homepage_header .arrow::after {
     width: 10px;
     height: 10px;
     border-right: 1.5px solid #363C41;
     border-bottom: 1.5px solid #363C41;
   }

   .balic_homepage_header .dropdown-parent.open {
     background-color: #F4FAFF;
   }

   /* .balic_homepage_header .dropdown-parent.open>a{
  box-shadow: 0px 0px 8px 0px #0000001F;
} */
   .balic_homepage_header .dropdown-menu a {
     color: #363C41;
   }

   .balic_homepage_header .sub-right::after {
     rotate: 0deg;
   }

   .balic_homepage_header .dropdown-menu a:hover {
     box-shadow: unset;
     background-color: #fff;
   }

   .balic_homepage_header .arrow {
     position: absolute;
     top: 23px;
     right: 8%;
   }

   .balic_homepage_header .sub-right {
     right: 13%;
   }

   .balic_homepage_header .nested-parent.open .sub-right::after {
     transform: translateY(-50%) rotate(225deg);
   }

   .hamburger .close_menu {
     display: none;
     /* Hide the close icon initially */
   }

   .hamburger.active .close_menu {
     display: block;
   }

   .hamburger.active .ham_menu {
     display: none;
   }
	 .navbar-container {
    padding: 5px 0px;
}


 }

 @media (min-width:538px) and (max-width:1024px) {
   .dropdown-parent.open>.cross_icon .main-down::after {
     width: 13px;
     height: unset;
   }
 }



 /* =================banner================== */

 .balic_hp_banner {
   background: url("img/balic-banner.webp") no-repeat;
   min-height: 485px;
   background-size: cover;
   margin-top: 50px;
 }

 .balic_banner_bg {
   /* background: linear-gradient(95deg, rgba(52, 37, 31, 1) 0%, rgba(52, 44, 31, 0) 0%, rgba(52, 44, 31, 1) 55%);
  min-height: inherit; */
 }

 .balic_banner_wrapper {
   display: flex;
   flex-direction: column;

 }

 .balic_banner_wrapper>div {
   width: 50%;
   position: absolute;
   right: 0;
   top: 60px;
   padding: 50px 20px 20px;
 }

 .balic_banner_wrapper p,
 .balic_banner_wrapper h1
{
   color: #ffffff;
   line-height: 100%;
   text-align: center;
 }

 .balic_title {
   font-weight: 600;
   font-size: 20px;
 }

 .balic_heading {
   font-weight: 600;
   font-size: 40px;
   margin: 20px 0px 10px;
 }

 .balic_subheading {
   font-weight: 400;
   font-size: 18px;
 }

 .balic_banner_wrapper .icon-slider {
   display: flex;
   align-items: center;
   justify-content: center;
   padding: 60px 0 20px;
   position: relative;
   overflow: hidden;
 }

 .balic_banner_wrapper .slider-wrapper {
   display: flex;
   overflow: hidden;
   scroll-behavior: smooth;
   width: 75%;
   gap: unset;
 }

 .balic_banner_wrapper .icon-group {
   display: grid;
   grid-template-columns: repeat(4, 1fr);
   grid-template-rows: repeat(2, auto);
   gap: 25px 25px;
   flex-shrink: 0;
   width: 100%;
   justify-items: center;
	     display: flex;
    flex-direction: column;
 }

 .balic_banner_wrapper .icon-card {
   text-align: center;
   color: #fff;
   cursor: pointer;
   transition: transform 0.3s ease;
	     min-width: 70px;
 }

 .balic_banner_wrapper .icon-card img {
   width: 60px;
   height: 60px;
 }

 .balic_banner_wrapper .icon-card p,
 .balic_banner_wrapper .icon-card h3
{
   font-size: 14px;
   margin: 0;
 }

 .balic_banner_wrapper .icon-card:hover {
   transform: scale(1.03);
 }

 .balic_banner_wrapper .scroll-btn {
   background: transparent;
   border: 1px solid #fff;
   color: #fff;
   font-size: 16px;
   border-radius: 50%;
   width: 24px;
   height: 24px;
   cursor: pointer;
   transition: 0.3s;
 }

 .balic_banner_wrapper .scroll-btn:disabled {
   opacity: 0.3;
   cursor: not-allowed;
 }

 .balic_banner_wrapper .scroll-btn:hover:not(:disabled) {
   background: #fff;
   color: #2d2419;
 }

 .balic_banner_wrapper .scroll-btn.left {
   margin-right: 10px;
 }

 .balic_banner_wrapper .scroll-btn.right {
   margin-left: 10px;
 }
.icon-group>div{
	display: flex;
	 gap: 40px;
    margin-left: 15px;
}

 @media (max-width:767px) {
   .balic_hp_banner {
     background: url(img/balic-banner-mobile.png) no-repeat;
     min-height: 650px;
     background-size: cover;
     margin-top: 50px;
   }

   .balic_banner_wrapper>div {
     width: 100%;
     position: absolute;
     right: 0;
     top: 60px;
     padding: 50px 20px 20px;
   }

   .balic_title {
     font-size: 14px;
   }

   .balic_heading {
     font-size: 28px;
     margin: 20px 0px 10px;
   }

   .balic_banner_wrapper>div {
     padding: 65% 10px 20px;
   }

   .balic_subheading {
     font-size: 14px;
     line-height: 18px !important;
   }

   .balic_banner_wrapper .icon-group {
     gap: 25px 30px;
     display: flex;
     flex-direction: column;
     flex-wrap: wrap;
     min-width: 370px;
   }

   .balic_banner_wrapper .icon-card {
     width: 18%;
   }

   .balic_banner_wrapper .icon-card p {
     font-size: 12px;
   }

   .balic_banner_wrapper .icon-card img {
     width: 80px;
     height: 80px;
   }

   .balic_banner_wrapper .scroll-btn {
     display: none;
   }

   .balic_banner_wrapper .slider-wrapper {
     overflow-x: scroll;
   }

   .balic_banner_wrapper .icon-slider {
     padding: 38px 0 20px;
   }

   .balic_banner_wrapper .icon-group:last-child {
     justify-content: start;
     min-width: 400px;
     gap: 25px 20px;
   }

   .balic_banner_wrapper .slider-wrapper::-webkit-scrollbar {
     display: none;
   }
 }

 @media (min-width:362px) and (max-width:767px) {
   .balic_banner_wrapper .icon-group {
     min-width: 465px;
   }
 }

 @media (min-width:500px) and (max-width:767px) {
   .balic_hp_banner {
     min-height: 730px;
   }

   .balic_banner_wrapper .icon-group {
     min-width: 595px;
     justify-content: center;
   }
 }



 /* ===============our services================ */

 .ourServices_bg {
   background-color: #F2F2F2;
   padding: 40px 58px;
 }

 .ourServices_heading {
   font-weight: 600;
   font-size: 28px;
   line-height: 100%;
   text-transform: capitalize;
   color: #131619;
   margin-bottom: 20px;
   text-align: center;
 }

 .services_wrapper {
   display: flex;
   justify-content: center;
   gap: 20px;
 }

 .services_wrapper>div {
   background-color: #ffffff;
   box-shadow: 0px 4px 4px 0px #00000040;
   padding: 24px;
   border: 0.5px solid #99BFDE;
   border-radius: 8px;
   width: 48%;
 }

 .serviceCard_title,
 .serviceCard_title h2 
{
   font-weight: 500;
   font-size: 18px;
   line-height: 100%;
   text-transform: capitalize;
   color: #131619;
 }

 .ourServices {
   display: flex;
   justify-content: center;
   gap: 25px;
   flex-wrap: wrap;
   margin-top: 20px;
 }

 .ourServices>a {
   border: 0.5px solid #99BFDE;
   border-radius: 16px;
   padding: 16px 12px;
   width: 30%;
   transition: transform 0.3s ease;
   text-align: center;
   text-decoration: none;
   cursor: pointer;
 }

 .ourServices>a:hover {
   transform: scale(1.06);
 }

 .ourServices>a p {
   font-weight: 500;
   font-size: 14px;
   line-height: 18px;
   color: #131619;
 }

@media (max-width:360px) {
	.services_wrapper>div {
    padding: 16px 10px;
}
	.ourServices>a p {
    font-size: 13px;
}
}

 @media (max-width:767px) {
   .ourServices_bg {
     padding: 16px;
   }

   .services_wrapper {
     flex-direction: column;
   }

   .services_wrapper>div {
     width: 100%;
     padding: 16px;
   }

   .ourServices>a {
     padding: 12px 8px;
     width: 30%;
   }

   .ourServices {
     gap: 12px;
   }
 }

 @media (min-width:768px) and (max-width:1024px) {
   .ourServices_bg {
     background-color: #F2F2F2;
     padding: 25px 20px;
   }

   .ourServices>a {
     width: 42%;
   }
 }


 /* =====================tools and calculators====================== */

 .tools_calci_bg {
   background-color: #005EAC;
   padding: 40px 58px;
 }

 .tools_calci_heading {
   font-weight: 600;
   font-size: 28px;
   line-height: 100%;
   color: #FFFFFF;
 }

 /* General container setup */
 .tools_calci_bg .slider-container {
   position: relative;
   max-width: 1200px;
   margin: 0 auto;
   padding: 0 20px;
   /* Space for arrows */
   /* overflow: hidden;  */
   padding-top: 30px;
   padding-bottom: 20px;
 }

 /* Wrapper for the scrollable/slidable content */
 .tools_calci_bg .slider-wrapper {
   display: flex;
   gap: 10px;
   /* Scroll behavior for desktop when using JS for smooth transition */
   scroll-behavior: smooth;
 }

 .tools_calci_bg .slider-arrow {
   position: absolute;
   top: 50%;
   transform: translateY(-50%);
   width: 24px;
   height: 24px;
   border-radius: 50%;
   border: none;
   background-color: #ffffff;
   color: #005EAC;
   font-size: 20px;
   cursor: pointer;
   z-index: 10;
   transition: opacity 0.3s;
   display: none;
 }

 .tools_calci_bg .slider-arrow.prev {
   left: -20px;
 }

 .tools_calci_bg .slider-arrow.next {
   right: -20px;
 }

 .tools_calci_bg .slider-arrow:disabled {
   cursor: default;
   background: #AAAAAA;
 }

 .tools_calci_bg .slider-card {
   background-color: #ffffff;
   padding: 16px 10px;
   border-radius: 16px 8px 16px 8px;
   box-shadow: 0px 0px 16px 0px #0000003D;
   min-width: 280px;
   flex-shrink: 0;
   text-align: center;
   position: relative;
 }

 .tools_calci_bg .card-icon {
   width: auto;
   height: auto;
   display: flex;
   align-items: center;
   justify-content: center;
 }


 .tools_calci_bg .slider-card h3 {
   margin-top: 0;
   color: #131619;
   font-size: 16px;
   font-weight: 500;
   line-height: 21px;
   margin-bottom: 12px;
 }

 .tools_calci_bg .slider-card .card-description {
   color: #131619;
   font-size: 12px;
   min-height: 52px;
   font-weight: 400;
   line-height: 16px;
 }

 .tools_calci_bg .card_btn button {
   color: #FCFCFC;
   border: none;
   padding: 10px 30px;
   border-radius: 10px;
   cursor: pointer;
   font-size: 14px;
   font-weight: 500;
   margin-top: 10px;
   transition: background-color 0.3s;
   background: linear-gradient(90deg, #FF6700 0%, #FF8900 100%);
 }

 .slider_bg {
   position: absolute;
   opacity: 0.3;
   top: 0px;
 }

 .slider_bg_left {
   left: 0px;
 }

 .slider_bg_right {
   right: 0px;
 }


 @media (max-width: 768px) {
   .tools_calci_heading {
     font-size: 20px;
     text-align: center;
     margin: 10px 0px;
   }

   .tools_calci_bg {
     padding: 16px 0px 16px 16px;
   }

   .tools_calci_bg .slider-container {
     padding: 20px 0;
     /* Remove padding to allow full horizontal scroll */
   }

   .tools_calci_bg .slider-wrapper {
     overflow-x: scroll;
     /* Enable horizontal scroll */
     -webkit-overflow-scrolling: touch;
     /* Smooth scrolling on iOS */
     padding: 0px 20px 0px 0px;
     /* Padding for the sides of the cards on mobile */
   }

   .tools_calci_bg .slider-wrapper::-webkit-scrollbar {
     display: none;
   }

   .tools_calci_bg .slider-arrow {
     display: none;
   }

   .tools_calci_bg .slider-card {
     min-width: 80vw;
     width: 280px;
   }
 }

 @media (min-width: 769px) {
   .tools_calci_bg .slider-wrapper {
     overflow-x: hidden;
     /* Hide native scrollbar */
     justify-content: space-between;
   }

   .tools_calci_bg .slider-arrow {
     display: block;
     /* Show arrows */
   }


   .tools_calci_bg .slider-card {
     width: calc(25% - 15px);
     min-width: 270px;
   }
 }

 @media (min-width:538px) and (max-width:767px) {
   .tools_calci_bg .slider-card {
     min-width: 55vw;
     width: 280px;
   }
 }

 @media (min-width:768px) and (max-width:819px) {
      .tools_calci_bg .slider-card {
    min-width: 55vw;
    width: 300px;
}
 }

 /* ==========================Insurance Made Easy========================  */

 .insMadeEasy_section .container {
   max-width: 1200px;
   margin: 28px auto;
   padding: 0 18px;
 }

 .insMadeEasy_section h2 {
   margin: 0 0 18px;
   font-size: 28px;
   line-height: 100%;
   font-weight: 600;
 }

 .insMadeEasy_section .main-tabs,
 .insMadeEasy_section .sub-tabs {
   display: flex;
   gap: 10px;
   margin-bottom: 15px;
   flex-wrap: wrap;
 }

 .insMadeEasy_section .sub-tabs {
   gap: 0px;
 }

 .insMadeEasy_section .main-tabs {
   margin-bottom: 5px;
 }

 .insMadeEasy_section .main-tab {
   border: 1px solid #005EAC;
   background: #ffffff;
   padding: 12px 16px;
   border-radius: 8px;
   cursor: pointer;
   font-weight: 500;
   color: #005EAC;
   cursor: pointer;
   font-size: 16px;
 }

 .insMadeEasy_section .sub-tab {
   padding: 12px 16px;
   background: transparent;
   border: none;
   cursor: pointer;
   font-size: 16px;
   font-weight: 500;
   color: #5C666E;
 }

 .insMadeEasy_section .main-tab.active {
   background: #005EAC;
   color: #fff;
   border-color: var(--primary);
 }

 .insMadeEasy_section .sub-tab.active {
   border-bottom: 4px solid var(--a, #265CA7);
   color: #265CA7;
 }

 .insMadeEasy_section .video-section {
   display: flex;
   gap: 20px;
   align-items: flex-start;
 }

 .insMadeEasy_section .main-video {
   flex: 2;
   border-radius: 12px;
   overflow: hidden;
   background: #000;
   min-height: 240px;
   position: relative;
 }

 .insMadeEasy_section .main-video iframe {
   width: 100%;
   height: 420px;
   border: 0;
   display: block;
 }

 .insMadeEasy_section .video-list {
   flex: 1;
   max-height: 420px;
   overflow: auto;
   display: flex;
   flex-direction: column;
   gap: 10px;
 }

 .insMadeEasy_section .video-item {
   display: flex;
   gap: 0px;
   border-radius: 10px;
   background: #ffffff;
   border: 1px solid #eee;
   cursor: pointer;
   align-items: center;
   position: relative;

 }

 .insMadeEasy_section .video-item.active {
   font-size: 14px;
   line-height: 18px;
   color: #363C41;
   font-weight: 400;
 }

 .insMadeEasy_section .video-item.active h4 {
   font-weight: 600;
 }

 .insMadeEasy_section .video-item img {
   width: 180px;
   height: 100px;
   object-fit: cover;
   border-radius: 8px 0px 0px 8px;
   flex-shrink: 0;
 }

 .insMadeEasy_section .video-info {
   font-size: 14px;
   line-height: 18px;
   padding: 8px 16px;
   color: #363C41;
   font-weight: 400;
 }

 .insMadeEasy_section .video-info h4 {
   margin: 0 0 6px;
   font-size: 14px;
   font-weight: 400;
   color: #363C41;
 }

 .insMadeEasy_section .video-info p {
   margin: 0;
   color: #ffffff;
   font-size: 12px;
 }

 .insMadeEasy_section .view-all {
   text-align: right;
   margin-top: 10px;
 }

 .insMadeEasy_section .view-all a {
   color: #005EAC;
   text-decoration: none;
   font-weight: 500;
   font-size: 16px;
 }

 .video-info p {
   position: absolute;
   left: 34%;
	 bottom: 5px;
   background: rgba(19, 22, 25, 0.5);
   padding: 4px 8px;
   border-radius: 8px;
   font-size: 12px;
   color: #FFFFFF;
   font-weight: 500;
 }

 .video-list::-webkit-scrollbar {
   width: 2px;
   background: #d2d2d2;
 }

 @media (max-width:900px) {
   .insMadeEasy_section .video-section {
     flex-direction: column;
   }

   .insMadeEasy_section .main-video {
     width: 100%;
   }

   .insMadeEasy_section .main-video iframe {
     height: auto;
     min-height: 240px;
   }

   .insMadeEasy_section .video-list {
     max-height: 445px;
   }
 }

 @media (max-width:767px) {

   .insMadeEasy_section .main-tabs,
   .insMadeEasy_section .sub-tabs {
     flex-flow: row;
     justify-content: center;
   }

   .insMadeEasy_section .sub-tabs {
     display: flex;
     overflow: scroll;
     flex-flow: unset;
     justify-content: start;
   }

   .insMadeEasy_section h2 {
     font-size: 20px;
     text-align: center;
   }

   .insMadeEasy_section .main-tab {
     font-size: 14px;
   }

   .insMadeEasy_section .video-item.active {
     box-shadow: 0px 0px 4px 0px #00000040;
   }

   .insMadeEasy_section .video-info {
     padding: 8px 8px 8px 16px;
   }

   .insMadeEasy_section .video-info h4 {
     font-size: 12px;
     line-height: 14px;
   }

   .video-info p {
     left: 38%;
   }

   .insMadeEasy_section .view-all a {
     font-size: 14px;
   }
 }

 @media (min-width:538px) and (max-width:1024px) {
   .video-info p {
     left: 30%;
   }
 }

 /* =======================Insurance Blogs======================= */

 .insBlog_wrapper {
   padding: 24px 58px 40px;
   background-color: #F2F2F2;
   position: relative;
 }

 .insBlogs_section {
   max-height: 1045px;
   overflow: hidden;
 }

 .insBlogs_section .tabs-container {}

 /* --- Main Tabs Styling --- */
 .insBlogs_section .main-tabs {
   display: flex;
   margin-bottom: 20px;
 }

 .insBlogs_section .main-tab-btn {
   padding: 12px 16px;
   font-size: 16px;
   font-weight: 500;
   cursor: pointer;
   border: 1px solid #005EAC;
   background-color: #fff;
   color: #005EAC;
   border-radius: 8px;
   margin-right: 10px;
 }

 .insBlogs_section .main-tab-btn.active,
 .insBlogs_section .main-tab-btn.active h2
{
   background-color: #005EAC;
   color: #ffffff;
 }

 .insBlogs_section .main-tabs button:not(.active) {
   color: #005EAC;
   border-color: #005EAC;
 }

 .insBlogs_section .sub-tabs {
   display: flex;
   margin-bottom: 15px;
   padding-bottom: 5px;
 }

 .insBlogs_section .sub-tab-btn {
   padding: 8px 16px;
   font-size: 16px;
   line-height: 100%;
   font-weight: 500;
   cursor: pointer;
   background: none;
   border: none;
   color: #5C666E;
   position: relative;
   outline: none;
   transition: color 0.3s;
 }

 .insBlogs_section .sub-tab-btn.active {
   color: #265CA7;
 }

 .insBlogs_section .sub-tab-btn.active::after {
   content: '';
   position: absolute;
   bottom: -3px;
   left: 0;
   width: 100%;
   height: 3px;
   background-color: #265CA7;
 }

 /* Hide all content areas by default */
 .tab-group-content,
 .tab-content,
 .tab-content.show-all-content {
   display: none;
 }
/* ✅ Ensure ALL content is visible when "All" tab is active */
.tab-group-content.show-all .tab-content {
  display: block !important;
  visibility: visible;
  opacity: 1;
}

/* Default: hide all */
.tab-content_secondary {
  display: none;
}

/* Show active ones */
.tab-content_secondary.active {
  display: block;
}

/* (Optional) smoother visibility */
.tab-content_secondary {
  transition: all 0.3s ease;
}



 /* Show active content areas (for specific tabs) and the main group */
 .tab-group-content.active {
   display: block;
 }

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

 /* Style for when the 'All' tab is active, showing all sub-content */
 .tab-group-content.show-all .tab-content {
   display: block;
   margin-bottom: 15px;
   /* Add spacing between the content blocks */
 }

 /* Ensure the "All Plans" content itself doesn't need extra padding/border if we show all others */
 .tab-group-content.show-all .tab-content[data-sub-tab="all"] {
   display: none;
   /* Hide the generic "All Plans" content when showing all others */
 }


 .tab-content h3 {
   margin-top: 0;
   color: #007bff;
 }

 .insBlogs_title {
   font-weight: 600;
   font-size: 28px;
   line-height: 100%;
   text-transform: capitalize;
   color: #131619;
   margin-bottom: 20px;
 }

 /* --------------blog cards----------------- */
 /* 1. GRID CONTAINER: Setup the 70%/30% Alternating Structure */
 .articles-grid-container {
   display: grid;
   /* Define 10 columns for a more granular grid control. 7 parts for 70%, 3 parts for 30%. */
   grid-template-columns: repeat(10, 1fr);
   gap: 15px;
   /* Space between the cards/columns */
   max-width: 1200px;
   margin: 0 auto;
 }

 /* 2. ARTICLE CARD STYLING (General styles remain the same) */
 .blogInsCards .article-card {
   background-color: #fff;
   border-radius: 8px;
   box-shadow: 0px 0px 8px 0px #00000029;
   display: flex;
   flex-direction: column;
   overflow: hidden;
   transition: transform 0.2s;
 }

 /* --- GRID PLACEMENT LOGIC (70%/30% Alternation) --- */

 /* ROW 1, 3, 5, ... (Odd Rows): Card A (70%) then Card B (30%) */

 /* Large Card (70%) on odd rows: Starts at column 1, spans 7 columns */
 .articles-grid-container article:nth-child(4n + 1) {
   grid-column: span 7;
   display: flex;
   flex-direction: row;
   align-items: center;
   gap: 10px;
 }

 /* Small Card (30%) on odd rows: Starts where the large one ends (column 8), spans 3 columns */
 .articles-grid-container article:nth-child(4n + 2) {
   grid-column: span 3;
   /* Occupies 30% of the grid space */
 }


 /* ROW 2, 4, 6, ... (Even Rows): Card C (30%) then Card D (70%) */

 /* Small Card (30%) on even rows: Starts at column 1, spans 3 columns */
 .articles-grid-container article:nth-child(4n + 3) {
   grid-column: span 3;
   /* Occupies 30% of the grid space */
 }

 /* Large Card (70%) on even rows: Starts where the small one ends (column 4), spans 7 columns */
 .articles-grid-container article:nth-child(4n + 4) {
   grid-column: span 7;
   display: flex;
   flex-direction: row;
   align-items: center;
 }

 /* --- Card Content Specifics --- */

 /* Card 1 and 3: Image and content side-by-side */
 .article-card-with-image {
   display: grid;
   grid-template-columns: 40% 60%;
   /* Image column (40%) and content column (60%) */
   grid-template-rows: 1fr;
   min-height: 250px;
 }

 /* Card 2 and 4: Image on top, full width */
 .article-card-image-cover {
   display: flex;
   flex-direction: column;
 }

 /* .article-card-image-cover .card-image-content {
    height: 180px; 
} */
 /* Ensure the body content of small cards is a bit tighter to fit the narrow space */
 .small-card .card-body {
   padding: 10px;
 }

 .small-card h2 {
   font-size: 1rem;
 }

 .small-card p {
   -webkit-line-clamp: 3;
   /* Allow more lines in the description for the narrow column */
   font-size: 0.85rem;
 }

 .card-image-content.cover-image {
   border-top-left-radius: 8px;
   border-top-right-radius: 8px;
 }

 .blogInsCards .card-meta {
   display: flex;
   justify-content: space-between;
   align-items: center;
   margin-bottom: 15px;
 }

 .blogInsCards .hashtag {
   border: 0.5px solid #99BFDE;
   background: #F4FAFF;
   border-radius: 4px;
   padding: 4px;
   font-weight: 400;
   font-size: 12px;
   line-height: 100%;
   color: #005EAC;
 }

 .blogInsCards .date {
   font-weight: 400;
   font-size: 12px;
   line-height: 100%;
   text-align: right;
   color: #5C666E;
 }

 .blogInsCards .card-body {
   padding: 16px;
 }

 .blogInsCards .card-body h2 {
   font-weight: 700;
   font-size: 16px;
   line-height: 100%;
   color: #131619;
 }

 .blogInsCards .card-body p {
   font-weight: 400;
   font-size: 14px;
   line-height: 100%;
   color: #131619;
   margin: 10px 0px 15px;
 }

 .blogInsCards .card-footer span {
   font-weight: 400;
   font-size: 12px;
   line-height: 100%;
   color: #5C666E;
   margin-right: 8px;
 }

 .blogInsCards .card-footer .read-more {
   display: block;
   text-align: center;
   margin-top: 25px;
   font-weight: 600;
   font-size: 14px;
   line-height: 100%;
   text-decoration: underline;
   color: #FF6700;
 }

 .insBlogs_viewall {
   cursor: pointer;
   display: block;
   font-weight: 500;
   font-size: 16px;
   line-height: 100%;
   text-align: right;
   color: #005EAC;
   margin-top: 20px;
   position: absolute;
   bottom: 12px;
   right: 50px;
 }

 @media (max-width: 850px) {
   .articles-grid-container {
     /* Switch back to a single column layout */
     grid-template-columns: 1fr;
     gap: 20px;
   }

   /* Reset grid-column spans for all cards */
   .articles-grid-container article {
     grid-column: span 1 !important;
     /* Reset any specific grid layout for the image-with-content cards to stack */
     grid-template-columns: 1fr;
     grid-template-rows: 200px auto;
     min-height: auto;
   }

   .small-card .card-body {
     padding: 15px;
     /* restore padding */
   }

   .card-image-content img {
     max-width: 100%;
     width: 100%;
   }
 }

 @media (max-width:767px) {
   .insBlogs_title {
     font-size: 20px;
     text-align: center;
   }

   .insBlog_wrapper {
     padding: 16px 16px 35px;
   }

   .insBlogs_section .main-tabs {
     justify-content: center;
   }

   .insBlogs_section .main-tab-btn,
	.insBlogs_section .main-tab-btn h2	 
	 {
     font-size: 14px;
   }

   .insBlogs_section .sub-tabs {
     display: flex;
     overflow-x: scroll;
   }

   .articles-grid-container article:nth-child(4n + 1) {
     flex-direction: column;
   }
	 
	 .articles-grid-container article:nth-child(4n + 4) {
    flex-direction: column;
}

   .insBlogs_section .article-card img {
     max-width: 100%;
   }

   .insBlogs_section {
     max-height: 2390px;
     overflow: hidden;
   }

   .insBlogs_viewall {
     font-size: 14px;
     line-height: 100%;
     text-align: right;
     bottom: 8px;
     right: 20px;
   }
 }

 /* ======================FAQ================== */

 .balic_FAQ {
   padding: 24px 58px 40px;
   position: relative;
 }

 .tabs-container_secondary {}

 /* --- Main Tabs Styling --- */
 .main-tabs_secondary {
   display: flex;
   margin-bottom: 20px;
 }

 .main-tab-btn_secondary {
   padding: 12px 16px;
   font-size: 16px;
   font-weight: 500;
   cursor: pointer;
   border: 1px solid #005EAC;
   background-color: #fff;
   color: #005EAC;
   border-radius: 8px;
   margin-right: 10px;
 }

 /* Active Main Tab */
 .main-tab-btn_secondary.active,
.main-tab-btn_secondary.active h2{
   background-color: #005EAC;
   /* Primary blue */
   color: #ffffff;
   border-color: #005EAC;
 }

 /* Inactive Main Tab */
 .main-tabs_secondary button:not(.active) {
   background-color: white;
   color: #005EAC;
   border-color: #005EAC;
 }

 /* --- Sub Tabs Styling --- */
 .sub-tabs_secondary {
   display: flex;
   margin-bottom: 15px;
   padding-bottom: 5px;
 }

 .sub-tab-btn_secondary {
   padding: 8px 16px;
   font-size: 16px;
   line-height: 100%;
   font-weight: 500;
   cursor: pointer;
   background: none;
   border: none;
   color: #5C666E;
   position: relative;
   outline: none;
   transition: color 0.3s;
 }

 /* Active Sub Tab (Underline style) */
 .sub-tab-btn_secondary.active {
   color: #265CA7;
 }

 .sub-tab-btn_secondary.active::after {
   content: '';
   position: absolute;
   bottom: -3px;
   left: 0;
   width: 100%;
   height: 3px;
   background-color: #265CA7;
 }

 .tab-group-content_secondary,
 .tab-content_secondary {
   display: none;
 }

 /* Show active content areas */
 .tab-group-content_secondary.active,
 .tab-content_secondary.active {
   display: block;
 }

 .tab-content_secondary {}

 .tab-content_secondary h3 {
   margin-top: 0;
   color: #007bff;
 }

 .FAQ_title {
   font-weight: 600;
   font-size: 28px;
   line-height: 100%;
   text-transform: capitalize;
   color: #131619;
   margin-bottom: 20px;
 }

 /* Style for when the 'All' tab is active: show all content blocks */
 .tab-group-content_secondary.show-all_secondary .tab-content_secondary {
   display: block;
 }

 /* Hide the generic "All Plans" content when showing all others */
 .tab-group-content_secondary.show-all_secondary .tab-content_secondary[data-sub-tab-secondary="all"] {
   display: none;
 }

 .accordion-container {
   margin: 15px auto;
   border-radius: 5px;
   padding: 0;
 }

 .accordion-item {
   border: 1px solid #ddd;
   margin: 0;
   padding: 0;
   list-style: none;
   border-radius: 8px;
	 margin-bottom: 15px;
 }


 .accordion-header {
   display: flex;
   justify-content: space-between;
   align-items: center;
   padding: 14px 24px;
   cursor: pointer;
   background-color: #fff;
   font-size: 16px;
   font-weight: 500;
   color: #363C41;
   outline: none;
   /* border: 1px solid #AAAAAA; */
   border-radius: 8px;
 }

 /* Remove default triangle marker in most browsers */
 summary::-webkit-details-marker {
   display: none;
 }

 summary::marker {
   display: none;
 }

 .icon {
   font-size: 22px;
   line-height: 1;
   transition: transform 0.2s ease-in-out;
   padding-left: 10px;
   font-weight: 500;
   color: #265CA7;
 }

 .accordion-item[open]>.accordion-header .icon {
   content: "−";
 }

 .accordion-item:not([open])>.accordion-header .icon::before {
   content: "+";
 }

 .accordion-item[open]>.accordion-header .icon::before {
   content: "−";
 }


 .accordion-content {
   padding: 5px 25px 10px;
   font-size: 14px;
   color: #555;
 }

 .balic_FAQ .view-all {
   text-align: right;
   margin-top: 10px;
 }

 .balic_FAQ .view-all a {
   color: #005EAC;
   text-decoration: none;
   font-weight: 500;
   font-size: 16px;
 }
.disclaimerContWrapper {
    padding: 20px 55px 20px 55px;
    background: #f6f6f6;
}
.disclaimerContWrapper .container {
    margin: 0 auto;
}
.disclaimerContWrapper p {
    font-size: 11px;
    color: #5f5f5f;
    line-height: 1.6;
    padding-bottom: 10px;
	padding:12px;
    
}
.irdai {
    border: 1px solid #ccc;
    padding: 8px;
    font-size: 11px!important;
    color: #5f5f5f!important;
    line-height: 1.6!important;
    
}
a {
  color: inherit;          /* Use the same color as the surrounding text */
  text-decoration: none;   /* Remove underline */
}

a:hover, a:focus, a:visited {
  color: inherit;          /* Keep same color on hover, focus, and visited */
  text-decoration: none;   /* Prevent underline on hover/focus */
}

 @media (max-width:767px) {
   .sub-tabs_secondary {
     overflow: scroll;
   }

   .balic_FAQ {
     padding: 16px;
   }

   .FAQ_title {
     font-size: 20px;
     text-align: center;
   }

   .main-tab-btn_secondary,
	 .main-tab-btn_secondary h2
	 {
     font-size: 14px;
   }

   .main-tabs_secondary {
     justify-content: center;
   }

   .accordion-header {
     padding: 12px 16px;
     font-size: 14px;
     line-height: 18px;
   }

   .icon {
     font-size: 30px;
   }

   .accordion-content {
     padding: 0px 18px 10px;
     font-size: 14px;
   }
 }