@font-face{
	font-family:AtomsShoppingBold;
	src:	url(../fonts/atomsfont/AtomsShopping-Bold.eot);
	src:	url(../fonts/atomsfont/AtomsShopping-Bold.eot?#iefix) format('embedded-opentype'),
			url(../fonts/atomsfont/AtomsShopping-Bold.woff2) format('woff2'),
			url(../fonts/atomsfont/AtomsShopping-Bold.woff) format('woff'),
			url(../fonts/atomsfont/AtomsShopping-Bold.ttf) format('truetype');
	font-style:normal;
	font-weight:400;
	text-rendering:optimizeLegibility;
	font-display:swap
	}
@font-face{
	font-family:AtomsShoppingLight;
	src:	url(../fonts/atomsfont/AtomsShopping-Light.eot);
	src:	url(../fonts/atomsfont/AtomsShopping-Light.eot?#iefix) format('embedded-opentype'),
			url(../fonts/atomsfont/AtomsShopping-Light.woff2) format('woff2'),
			url(../fonts/atomsfont/AtomsShopping-Light.woff) format('woff'),
			url(../fonts/atomsfont/AtomsShopping-Light.ttf) format('truetype');
	font-style:normal;
	font-weight:400;
	text-rendering:optimizeLegibility;
	font-display:swap
	}
@font-face{
	font-family: AtomsShoppingMedium;
	src:	url(../fonts/atomsfont/AtomsShopping-Medium.eot);
	src:	url(../fonts/atomsfont/AtomsShopping-Medium.eot?#iefix) format('embedded-opentype'),
			url(../fonts/atomsfont/AtomsShopping-Medium.woff2) format('woff2'),
			url(../fonts/atomsfont/AtomsShopping-Medium.woff) format('woff'),
			url(../fonts/atomsfont/AtomsShopping-Medium.ttf) format('truetype');
	font-style:normal;
	font-weight:400;
	text-rendering:optimizeLegibility;
	font-display:swap
	}
@font-face{
	font-family:icons-blank-theme;
	src:	url(../fonts/Blank-Theme-Icons/Blank-Theme-Icons.eot);
	src:	url(../fonts/Blank-Theme-Icons/Blank-Theme-Icons.eot?#iefix) format('embedded-opentype'),
			url(../fonts/Blank-Theme-Icons/Blank-Theme-Icons.woff2) format('woff2'),
			url(../fonts/Blank-Theme-Icons/Blank-Theme-Icons.woff) format('woff'),
			url(../fonts/Blank-Theme-Icons/Blank-Theme-Icons.ttf) format('truetype'),
			url(../fonts/Blank-Theme-Icons/Blank-Theme-Icons.svg#icons-blank-theme) format('svg');
	font-weight:400;
	font-style:normal
	}

@font-face{
	font-family:"snapdeal_font2";
	src:url("../fonts/new-fonts/snapdeal_font77.eot");
	src:url("../fonts/new-fonts/snapdeal_font77.eot?#iefix") format("embedded-opentype"),
	url("../fonts/new-fonts/snapdeal_font77.woff") format("woff"),
	url("../fonts/new-fonts/snapdeal_font77.woff2") format("woff2"),
	url("../fonts/new-fonts/snapdeal_font77.ttf") format("truetype"),
	url("../fonts/new-fonts/snapdeal_font77.svg") format("svg");
	font-weight:normal;
	font-style:normal
	}
@font-face {
	font-family: 'robotoregular';
	src: url('../fonts/roboto-regular/roboto-regular.woff2') format('woff2'),
	url('../fonts/roboto-regular/roboto-regular.woff') format('woff');
	font-weight: normal;
	font-style: normal;
	}

@font-face {
   font-family: 'robotoregular';
   src: url('../fonts/roboto-regular/roboto-regular.woff2') format('woff2'),
   url('../fonts/roboto-regular/roboto-regular.woff') format('woff');
   font-weight: normal;
   font-style: normal;
   }
@font-face{
   font-family:'Rupee_Foradian';
   src:  url("../fonts/rupee/Rupee_Foradian.eot");
   src:  url("../fonts/rupee/Rupee_Foradian.eot") format("embedded-opentype"),
         url("../fonts/rupee/Rupee_Foradian.woff2") format("woff2"),
         url("../fonts/rupee/Rupee_Foradian.woff") format("woff"),
         url("../fonts/rupee/Rupee_Foradian.ttf") format("truetype"),
         url("../fonts/rupee/Rupee_Foradian.svg#Rupee_Foradian") format("svg")
   }	
	
	
	
	
::-webkit-scrollbar {
    width: 0;
    height: 0;
}
::-webkit-scrollbar-track { background: transparent; }
::-webkit-scrollbar-thumb { background: transparent; }
html { scrollbar-width: none; }

html, body {
  overflow-x: hidden;
  max-width: 100%;
}

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

a:focus{outline:0px; outline-offset:0px;}
a:focus-visible{outline:0px; outline-offset:0px;}

a:hover, a:focus, a:active {
	color:#fff;;
	text-decoration: none;
	}
h1, h2, h3, h4, h5, h6{
	font-family:AtomsShoppingBold;
	}
body{background-color: #f7f1eb;}


/*-- header --*/
:root{
    --brand-red:#c8102e;
    --brand-red-dark:#a10d25;
    --brand-black:#1a1a1a;
    --brand-grey:#f4f4f4;
  }
.topbar{
    background:linear-gradient(90deg, #12401e 0%, #14421e 60%, #014111 100%);
    height: 42px;
    border-bottom: 1px solid rgba(255,255,255,0.06);
  }
  .tb-left { display:flex; align-items:stretch; }
  .tb-tab {
    color: rgba(255,255,255,0.55);
    text-decoration: none;
    font-size: 12px;
    font-weight: 500;
    padding: 0 15px;
    display: flex;
    align-items: center;
    position: relative;
    letter-spacing: 0.03em;
    transition: color 0.2s;
  }
  .tb-tab::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 15px;
    right: 15px;
    height: 2px;
    background: var(--brand-red);
    border-radius: 2px 2px 0 0;
    transform: scaleX(0);
    transition: transform 0.2s ease;
  }
  .tb-tab:hover { color: rgba(255,255,255,0.9); }
  .tb-tab:hover::after { transform: scaleX(0.6); }
  .tb-tab.active { color: #fff; font-weight: 600; }
  .tb-tab.active::after { transform: scaleX(1); }
  .tb-right { gap: 4px; }
  .tb-contact { gap: 16px; }
  .tb-social a {
    width: 26px;
    height: 26px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-size: 12px;
    text-decoration: none;
    transition: opacity .2s ease;
  }
  .tb-social a:hover { opacity: .8; color: #fff; }
  .tb-social .follow-title { font-size: 13px; font-weight: 500; }
  .tb-social a.facebook { background: #1877F2; }
  .tb-social a.twitter  { background: #000; }
  .tb-social a.instagram { background: radial-gradient(circle at 30% 110%, #fdf497 0%, #fdf497 5%, #fd5949 45%, #d6249f 60%, #285AEB 90%); }
  .tb-phone {
	font-size: 14px;
	color: rgb(255 255 255);
	padding: 0 10px 0 4px;
	letter-spacing: 0.01em;
	text-decoration: none;
	}
  .tb-sep {
    width: 1px;
    height: 18px;
    background: rgba(255,255,255,0.15);
    margin: 0 4px;
  }
  .tb-font { gap: 2px; }
  .tb-btn {
    background: transparent;
    border: 1px solid rgba(255,255,255,0.12);
    color: rgba(255,255,255,0.65);
    font-size: 11px;
    min-width: 28px;
    height: 26px;
    padding: 0 6px;
    border-radius: 5px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: background 0.18s, color 0.18s, border-color 0.18s;
  }
  .tb-btn:hover {
    background: rgba(255,255,255,0.1);
    color: #fff;
    border-color: rgba(255,255,255,0.3);
  }

  /* ===== Main navbar ===== */
  .main-nav {
    padding: .6rem 0;
    box-shadow: 0 2px 6px rgba(0,0,0,.08);
  }
 .main-nav .navbar-brand img{width:249px;}  
  .brand-logo-mark{
    width:44px;
    height:44px;
    flex-shrink:0;
  }
  .brand-text{
    line-height:1.05;
  }
  .brand-text .b1{
    font-weight:800;
    font-size:1.15rem;
    color:var(--brand-black);
    letter-spacing:.5px;
  }
  .brand-text .b2{
    font-size:.6rem;
    color:var(--brand-red);
    letter-spacing:1px;
    font-weight:600;
  }
  .main-nav .nav-link{
    color: #000000 !important;
    font-weight: 600;
    font-size: 13px;
    padding: .5rem .8rem !important;
  }
  .main-nav .nav-link:hover{ color:#1c5000 !important; }
  .btn-login{
    background: #1b4803;
    color: #fff;
    border: none;
    font-weight: 600;
    padding: 8px 14px 8px 14px;
    border-radius: 2px;
    white-space: nowrap;
  }
  .btn-login:hover{ background:#1b4803; color:#fff; }
  .btn-menu{
    background:#1a1a1a;
    color:#fff;
    border:none;
    padding:.55rem .8rem;
    border-radius:2px;
  }
header.sticky .main-nav {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 999;
  box-shadow: 0 2px 10px rgba(0,0,0,0.1);
  animation: slideDown 0.3s ease;
}

@keyframes slideDown {
  from { transform: translateY(-100%); }
  to   { transform: translateY(0); }
}
  /*-- header-end --*/  
  
/*-- banner-section --*/
.banner-section .banner-wrap{margin: 0 auto;overflow: hidden;}
.banner-section .slide{
	position:relative;
	display:flex;
	align-items:center;
	min-height:420px;
	background:linear-gradient(90deg,#ffffff 38%, #f7f7f7 60%, #ffffff 100%);
	overflow:hidden;
	}
.banner-section .slide img{width: 100%;height: 450px;object-fit: cover;}
.banner-section .slide-photo{
	position:relative;
	width:52%;
	height:420px;
	display:flex;
	align-items:center;
	justify-content:center;
	flex-shrink:0;
	}
.banner-section .slide-copy{
	position:relative;
	z-index:2;
	flex:1;
	padding:20px 60px 20px 10px;
	text-align:left;
	}
.banner-section .brand-mark{
	width:46px;
	height:60px;
	margin-bottom:18px;
	opacity:.95;
	}
.banner-section .slide-copy h2{
	font-weight:700;
	font-size:2.5rem;
	line-height:1.2;
	color:var(--ink);
	margin-bottom:28px;
	}
.banner-section .btn-sib{
	background:var(--sib-red);
	color:#fff;
	font-weight:600;
	padding:12px 34px;
	border-radius:26px;
	border:none;
	font-size:1rem;
	letter-spacing:.3px;
	transition:.2s ease;
	}
.banner-section .btn-sib:hover{background:var(--sib-red-dark);color:#fff;}
.banner-section .watermark-text{
	position:absolute;
	top:52%;
	left:0;
	width:100%;
	transform:translateY(-50%);
	text-align:center;
	font-size:2.6rem;
	font-weight:800;
	color:rgba(0,0,0,.05);
	white-space:nowrap;
	pointer-events:none;
	z-index:1;
	}
.banner-section .carousel-indicators{
	position:absolute;
	bottom:14px;
	left:40%;
	margin:0;
	}
.banner-section .carousel-indicators [data-bs-target]{
	width:9px;
	height:9px;
	border-radius:50%;
	background-color:#d9b3ba;
	border:none;
	opacity:1;
	margin:0 4px;
	}
.banner-section .carousel-indicators .active{
	background-color:var(--sib-red);
	width:11px;
	height:11px;
	}
.banner-section .ticker-bar{
	display: flex;
	align-items: stretch;
	background: #2455310d;
	height: 46px;
	}
.banner-section .ticker-label{
	background: #014111;
	color: #fff;
	font-weight: 500;
	font-size: 15px;
	display: flex;
	align-items: center;
	gap: 10px;
	padding: 0 22px;
	white-space: nowrap;
	clip-path: polygon(0 0, 100% 0, 92% 100%, 0% 100%);
	padding-right: 40px;
	}
.banner-section .ticker-track{
	flex:1;
	overflow:hidden;
	position:relative;
	display:flex;
	align-items:center;
	}
.banner-section .ticker-track span{
	display: inline-block;
	padding-left: 100%;
	white-space: nowrap;
	color: #000000;
	font-size: 13px;
	animation: scroll-left 22s linear infinite;
	}
  @keyframes scroll-left{
    0%{transform:translateX(0);}
    100%{transform:translateX(-100%);}
  }
.banner-section .illus{width:88%;max-width:460px;height:auto;}
@media (max-width:768px){
.banner-section .slide{flex-direction:column;min-height:auto;}
.banner-section .slide-photo{width:100%;height:220px;}
.banner-section .slide img{height: auto;}
.banner-section .slide-copy{width:100%;padding:20px 24px 60px;text-align:center;}
.banner-section .slide-copy h2{font-size:1.5rem;}
.banner-section .brand-mark{margin:0 auto 14px;}
.banner-section .watermark-text{display:none;}
.banner-section .ticker-label{padding:0 14px;font-size:10px;gap: 1px;}
.banner-section .carousel-indicators{left:0;justify-content:center;width:100%;bottom:8px;}
.banner-section .ticker-track span{font-size: 11px;}
}
/*-- banner-section-end --*/
  
/*-- connecting-section --*/  
.connecting-section .slider-wrap{margin-top: 26px;position: relative;}
.connecting-section .eyebrow{
	display:inline-block;
	margin:0 auto 18px;
	padding:6px 18px;
	border-radius:999px;
	background:#f1eee8;
	color:#555;
	font-size:.8rem;
	letter-spacing:.02em;
	}
.connecting-section .eyebrow-wrap{ text-align:center; }
.connecting-section .headline{
	text-align:center;
	font-size:30px;
	font-weight:600;
	margin-bottom:8px;
	color:#000000;
	}
.connecting-section .subhead{
	text-align:center;
	color:var(--sub-blue);
	font-weight:500;
	margin-bottom:45px;
	font-size:1rem;
	}
.connecting-section .rail{position:relative;padding-left:6px;}
/* .connecting-section .rail::before{
	content:"";
	position:absolute;
	left:0;
	top:0;
	bottom:60px;
	width:1px;
	background:#d9d5cc;
	} */
.connecting-section .track-outer{overflow:hidden;}
.connecting-section .track{
    display: flex;
    gap: 20px;
    transition: transform .8s cubic-bezier(.22, .68, 0, 1);
    padding: 4px 0px 30px 0px;
	}
.connecting-section .slide-card{
	position:relative;
	flex:0 0 calc(25% - 15px);
	min-width:260px;
	height:360px;
	border-radius:16px;
	overflow:hidden;
	background:#fff;
	box-shadow:0 4px 24px rgba(0,0,0,.10);
	background-size:cover;
	background-position:center;
	flex-shrink:0;
	transition:transform .25s ease, box-shadow .25s ease;
	}
.connecting-section .slide-card:hover{
	transform:translateY(-6px);
	box-shadow:0 12px 36px rgba(0,0,0,.18);
	}
.connecting-section .slide-card::before{
	content:"";
	position:absolute;
	top:0; left:0; right:0;
	height:4px;
	background:linear-gradient(90deg,#014111,#c8102e);
	z-index:3;
	}
.connecting-section .slide-card::after{
	content:"";
	position:absolute;
	inset:0;
	background:linear-gradient(to top, rgba(0,0,0,.62) 38%, rgba(0,0,0,.08) 70%, transparent 100%);
	}
.connecting-section .info-box{
	position:absolute;
	left:0; right:0; bottom:0;
	padding:20px 20px 18px;
	z-index:2;
	}
.connecting-section .info-box h3{
	font-size:1.05rem;
	font-weight:700;
	margin-bottom:6px;
	color:#fff;
	}
.connecting-section .info-box p{
	font-size:.8rem;
	color:rgba(255,255,255,.82);
	line-height:1.45;
	margin-bottom:12px;
	}
.connecting-section .more-details{
	display:inline-flex;
	align-items:center;
	gap:6px;
	font-size:.78rem;
	font-weight:700;
	color:#fff;
	text-decoration:none;
	background:rgba(255,255,255,.18);
	border:1px solid rgba(255,255,255,.35);
	border-radius:20px;
	padding:5px 14px;
	backdrop-filter:blur(4px);
	transition:background .2s ease;
	}
.connecting-section .more-details:hover{
	background:rgba(255,255,255,.32);
	color:#fff;
	}
.connecting-section .nav-btn{
	position:absolute;
	top:calc(50% - 22px);
	width:44px;
	height:44px;
	border-radius:50%;
	background:#014111;
	border:none;
	box-shadow:0 4px 14px rgba(0,0,0,.22);
	display:flex;
	align-items:center;
	justify-content:center;
	z-index:5;
	transition:background .2s ease, transform .15s ease;
	}
.connecting-section .nav-btn i{ color:#fff; font-size: 15px;}
.connecting-section .nav-btn:hover{ background:#c8102e; transform:scale(1.08); }
.connecting-section .nav-btn:active{ transform:scale(.95); }
.connecting-section .nav-btn.prev{ left:-22px; }
.connecting-section .nav-btn.next{ right:-22px; }
.connecting-section .nav-btn:disabled{ opacity:.35; cursor:default; }
@media (max-width: 991px){
.connecting-section .slide-card{ flex:0 0 calc(50% - 12px); }
.connecting-section .slider-wrap{ padding:0 40px; }
}
@media (max-width: 576px){
.connecting-section .slide-card{ flex:0 0 82%; height:340px; }
.connecting-section .headline{ font-size:1.6rem; }
.connecting-section .slider-wrap{ padding:0 30px; margin:36px auto; }
}
/*-- connecting-section-end --*/  
  
/*-- about-section --*/  
.about-section {padding: 46px 0;}
.about-section .collage-wrap {position: relative;height: 460px;}
.about-section .img-main {
	position: absolute;
	left: 0;
	top: 0;
	width: 58%;
	height: 100%;
	border-radius: 200px 200px 24px 24px;
	object-fit: cover;
	box-shadow: 0 10px 30px rgba(0,0,0,0.08);
	}
.about-section .img-top-right {
	position: absolute;
	right: 0;
	top: 0;
	width: 40%;
	height: 44%;
	border-radius: 16px;
	object-fit: cover;
	box-shadow: 0 10px 30px rgba(0,0,0,0.08);
	}
.about-section .img-bottom-right {
	position: absolute;
	right: 0;
	bottom: 0;
	width: 40%;
	height: 50%;
	border-radius: 16px;
	object-fit: cover;
	box-shadow: 0 10px 30px rgba(0,0,0,0.08);
	}
.about-section .badge-pill {
	background-color: #f0f0f0;
	color: #212529;
	font-size: 0.9rem;
	font-weight: 500;
	padding: 8px 18px;
	border-radius: 30px;
	display: inline-block;
	margin-bottom: 20px;
	}
.about-section .about-heading {
	font-size:30px;
	font-weight: 700;
	line-height: 1.2;
	color: #1a1a1a;
	margin-bottom: 24px;
	}
.about-section .about-text {
	font-size: 1.05rem;
	line-height: 1.8;
	color: #3d3d3d;
	margin-bottom: 32px;
	}
.about-section .btn-read-more {
	background-color:#1b4803;
	color: #fff;
	font-weight: 600;
	padding: 12px 28px;
	border-radius: 6px;
	border: none;
	display: inline-flex;
	align-items: center;
	gap: 10px;
	transition: background-color 0.25s ease, transform 0.2s ease;
	}
.about-section .btn-read-more:hover {
	background-color: #8f1c16;
	color: #fff;
	transform: translateX(2px);
	}
@media (max-width: 991.98px) {
.about-section .collage-wrap {height: 380px;margin-bottom: 50px;}
.about-section .about-heading {font-size:1.6rem;}
}
@media (max-width: 575.98px) {
.about-section .collage-wrap {height: 300px;}
.about-section .img-main {border-radius: 120px 120px 16px 16px;}
}

/*-- about-section-end --*/

/* ===== Modern Dropdown ===== */
.main-nav .dropdown-menu {
  display: block;
  visibility: hidden;
  opacity: 0;
  transform: translateY(8px);
  transition: opacity 0.22s ease, transform 0.22s ease, visibility 0.22s;
  pointer-events: none;
  border: none;
  border-radius: 12px;
  box-shadow: 0 8px 32px rgba(0,0,0,0.13);
  padding: 8px 0;
  min-width: 210px;
  margin-top: 0 !important;
  top: calc(100% + 2px) !important;
  background: #fff;
}
/* invisible bridge so mouse can travel into menu without gap closing it */
.main-nav .dropdown-menu::before {
  content: '';
  position: absolute;
  top: -10px;
  left: 0;
  right: 0;
  height: 10px;
}
.main-nav .dropdown:hover .dropdown-menu,
.main-nav .dropdown.open .dropdown-menu {
  visibility: visible;
  opacity: 1;
  transform: translateY(0);
  pointer-events: auto;
}
.main-nav .dropdown-item {
  font-size: 14px;
  font-weight: 500;
  color: #333;
  padding: 9px 20px 9px 18px;
  transition: background 0.18s ease, color 0.18s ease, padding-left 0.18s ease;
  border-left: 3px solid transparent;
}
.main-nav .dropdown-item:hover {
  background: #f5fff7;
  color: #014111;
  padding-left: 24px;
  border-left-color: #014111;
}
.main-nav .nav-link i {
  font-size: 10px;
  margin-left: 4px;
  transition: transform 0.22s ease;
  display: inline-block;
}
.main-nav .dropdown:hover .nav-link i,
.main-nav .dropdown.open .nav-link i {
  transform: rotate(180deg);
}
/**/

/*-- news-section --*/
.news-section{margin: 0 auto;padding: 26px 0px;}
.news-section .eyebrow-pill{
    display:inline-block;
    background:var(--pill-bg);
    color:var(--pill-text);
    font-size:.8rem;
    font-weight:600;
    padding:6px 16px;
    border-radius:20px;
    margin-bottom:18px;
    letter-spacing:.2px;
    }
.news-section .heading-sec{
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-bottom: 15px;
	}
.news-section .section-title{
	font-weight: 800;
	font-size: 30px;
	color: #000;
	letter-spacing: -.5px;
	}
.news-section .slider-viewport{overflow:hidden;position:relative;}
.news-section .slider-track{
    display:flex;
    transition:transform .5s cubic-bezier(.4,0,.2,1);
    gap:20px;
    }
.news-section .news-card{
    flex:0 0 calc(50% - 10px);
    display:flex;
    align-items:stretch;
    border:1px solid var(--card-border);
    border-radius:8px;
    overflow:hidden;
    background:#fff;
    box-shadow:0 2px 10px rgba(0,0,0,.04);
    min-height:170px;
    }
.news-section .news-card .thumb{
    flex:0 0 210px;
    position:relative;
    overflow:hidden;
    background:linear-gradient(135deg,var(--brand-red) 0%, var(--brand-red-dark) 100%);
    }
.news-section .news-card .thumb img{
    width:100%;
    height:100%;
    object-fit:cover;
    display:block;
    }
.news-section .thumb-badge{
    position:absolute;
    top:10px;
    right:10px;
    background:rgba(255,255,255,.92);
    border-radius:4px;
    padding:3px 8px;
    font-size:.62rem;
    font-weight:700;
    color:var(--brand-red);
    letter-spacing:.5px;
    }
.news-section .news-card .content{
    flex:1;
    padding:26px 26px 22px;
    display:flex;
    flex-direction:column;
    justify-content:center;
    }
.news-section .news-card .content h3{
    font-size:1.08rem;
    font-weight:700;
    color:var(--ink);
    line-height:1.4;
    margin-bottom:16px;
    }
.news-section .learn-more{
    display:inline-flex;
    align-items:center;
    gap:6px;
    font-size:.92rem;
    font-weight:600;
    color:var(--ink);
    text-decoration:none;
    transition:gap .2s ease, color .2s ease;
    }
.news-section .learn-more i{transition:transform .2s ease;margin-top: 5px;}
.news-section .learn-more:hover{color:var(--brand-red);gap:10px;}
.news-section .learn-more:hover svg{transform:translateX(2px);}
.news-section .slider-nav{
    display:flex;
    justify-content:flex-end;
    gap:10px;
    }
.news-section .nav-btn{
    width:42px;
    height:42px;
    border-radius:50%;
    border:1px solid #d9d9d9;
    background:#fff;
    display:flex;
    align-items:center;
    justify-content:center;
    cursor:pointer;
    transition:background .2s ease, border-color .2s ease, transform .15s ease;
    color:var(--ink);
    }
.news-section .nav-btn:hover{
    background:var(--brand-red);
    border-color:var(--brand-red);
    color:#fff;
    }
.news-section .nav-btn:active{transform:scale(.94);}
.news-section  .nav-btn:disabled{
    opacity:.35;
    cursor:not-allowed;
    background:#fff;
    color:var(--ink);
    border-color:#d9d9d9;
    }
.news-section .slider-dots{
    display:none;
    justify-content:center;
    gap:8px;
    margin-top:20px;
    }
.news-section .slider-dots button{
    width:8px;
    height:8px;
    border-radius:50%;
    border:none;
    background:#d9d9d9;
    padding:0;
    }
.news-section .slider-dots button.active{
    background:var(--brand-red);
    width:22px;
    border-radius:5px;
    transition:width .25s ease;
    }
.news-section .explore-btn{
    display:inline-flex;
    align-items:center;
    gap:8px;
    background:var(--brand-red);
    color:#fff;
    font-weight:600;
    font-size:.95rem;
    padding:13px 26px;
    border-radius:4px;
    border:none;
    text-decoration:none;
    margin-top:34px;
    transition:background .2s ease, transform .15s ease;
    }
.news-section .explore-btn:hover{
    background:var(--brand-red-dark);
    color:#fff;
    transform:translateY(-1px);
    }

  @media (max-width:768px){
.news-section .news-card{
    flex:0 0 100%;
    flex-direction:column;
    min-height:auto;
    }
.news-section .news-card .thumb{flex:0 0 180px; width:100%;}
.news-section .news-card .content{padding:20px;}
    /* .slider-nav{
      display:none;
    } */
.news-section .slider-dots{display:flex;}
.news-section .section-title{font-size:1.6rem;}
  }
/*-- news-section --*/  

/*-- services-section --*/
.services-section {background: #ffffff;padding:45px 0;}
.svc-wrap {margin: 0 auto;padding: 0 24px;}
.svc-head {text-align: center;margin-bottom:30px;}
.svc-tag {
  display: inline-block;
  font-size: 0.72rem;
  font-weight: 700;
  letter-spacing: 3px;
  text-transform: uppercase;
  color:#014111;
  margin-bottom: 12px;
  position: relative;
  padding: 0 20px;
}
.svc-tag::before, .svc-tag::after {
	content: '';
	position: absolute;
	top: 50%;
	width: 23px;
	height: 1.5px;
	background: #07391f;
	}
.svc-tag::before { right: 100%;     margin-right: -12px; }
.svc-tag::after  { left: 100%;  margin-left: -12px; }
.svc-title {
  font-size: 2.1rem;
  font-weight: 800;
  color: #111;
  margin-bottom: 10px;
  line-height: 1.2;
}
.svc-sub {
  color: #888;
  font-size: 0.95rem;
  margin: 0;
}
/* Grid */
.svc-grid {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 20px;
}
/* Flip container */
.svc-flip {
  height: 300px;
  perspective: 1000px;
}
.svc-flip-inner {
  position: relative;
  width: 100%;
  height: 100%;
  transform-style: preserve-3d;
  transition: transform 0.6s cubic-bezier(0.4, 0.2, 0.2, 1);
}
.svc-flip:hover .svc-flip-inner {
  transform: rotateY(180deg);
}
/* Front face */
.svc-front, .svc-back {
  position: absolute;
  inset: 0;
  border-radius: 18px;
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 28px 22px;
  text-align: center;
}
.svc-front {
	background: #f7f1eb59;
	border: 1.5px solid #e8e8e8;
	box-shadow: 0 4px 20px rgba(0, 0, 0, 0.06);
	gap: 10px;
	}
.svc-front-ico {
	width: 64px;
	height: 64px;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-bottom: 4px;
	transition: transform 0.3s ease;
	}
.svc-flip:hover .svc-front-ico {
  transform: scale(1.08);
}
.svc-front-ico img {
	width: 65px;
	height: 65px;
	border-radius: 15px;
	}
.svc-front-num {
  font-size: 0.65rem;
  font-weight: 800;
  letter-spacing: 2px;
  color: #ccc;
  position: absolute;
  top: 18px;
  right: 20px;
}
.svc-front h3 {
  font-size: 1rem;
  font-weight: 800;
  color: #111;
  margin: 0;
  line-height: 1.3;
}
.svc-front p {
  font-size: 0.78rem;
  color: #888;
  margin: 0;
  line-height: 1.5;
}
/* Back face */
.svc-back {
  background: var(--clr);
  transform: rotateY(180deg);
  gap: 12px;
  box-shadow: 0 8px 32px rgba(0,0,0,0.18);
  position: relative;
  overflow: hidden;
}
.svc-back::before {
  content: '';
  position: absolute;
  top: -40px;
  right: -40px;
  width: 120px;
  height: 120px;
  border-radius: 50%;
  background: rgba(255,255,255,0.07);
}
.svc-back::after {
  content: '';
  position: absolute;
  bottom: -30px;
  left: -30px;
  width: 90px;
  height: 90px;
  border-radius: 50%;
  background: rgba(255,255,255,0.05);
}
.svc-back-ico {
  width: 48px;
  height: 48px;
  border-radius: 14px;
  background: rgba(255,255,255,0.18);
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  z-index: 1;
}
.svc-back-ico img {
	width: 40px;
	height: 40px;
	filter: brightness(0) invert(1);
	}
.svc-back h3 {
  font-size: 1rem;
  font-weight: 800;
  color: #fff;
  margin: 0;
  position: relative;
  z-index: 1;
}
.svc-back p {
  font-size: 0.76rem;
  color: rgba(255,255,255,0.8);
  margin: 0;
  line-height: 1.55;
  position: relative;
  z-index: 1;
}
.svc-back-btn {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  background: #fff;
  color: var(--clr);
  font-size: 0.78rem;
  font-weight: 700;
  padding: 8px 18px;
  border-radius: 20px;
  text-decoration: none;
  position: relative;
  z-index: 1;
  transition: opacity 0.2s ease;
  margin-top: 4px;
}
.svc-back-btn:hover {
  opacity: 0.88;
  color: var(--clr);
}
/* Responsive */
@media (max-width: 1024px) {
  .svc-grid { grid-template-columns: repeat(3, 1fr); }
  .svc-flip  { height: 280px; }
}
@media (max-width: 640px) {
  .svc-grid { grid-template-columns: repeat(2, 1fr); }
  .svc-title { font-size: 1.7rem; }
  .svc-flip  { height: 260px; }
}
@media (max-width: 400px) {
  .svc-grid { grid-template-columns: 1fr; }
}
/*-- services-section-end --*/

/*-- footer-section --*/

:root{
    --dark: #1b1b1f;
    --gray-text: #6b6b76;
    --heading: #16161a;
    --orange: #f47421;
    --divider: #e7e7ea;
  }
  .footer-section{
    background-color: #f7f7f8;
    background-image:
      radial-gradient(circle, #d7d7dc 1px, transparent 1px);
    background-size: 14px 14px;
    background-position: 0 0;
    padding: 60px 0 30px;
    position: relative;
    overflow: hidden;
  }

  /* fade the dotted texture toward the edges so it reads like the reference */
  .footer-section::before{
    content:"";
    position:absolute;
    inset:0;
    background: radial-gradient(ellipse at center, transparent 0%, #f7f7f8 75%);
    pointer-events:none;
  }

  .footer-section > .container{
    position: relative;
    z-index: 2;
  }

  .footer-logo{
    display:flex;
    align-items:center;
    gap:10px;
    margin-bottom: 18px;
  }

  .footer-logo .logo-icon{
    width:38px;
    height:38px;
    background: var(--dark);
    border-radius:9px;
    display:flex;
    align-items:center;
    justify-content:center;
  }

  .footer-logo .logo-icon i{
    color:#fff;
    font-size: 18px;
  }

  .footer-logo .logo-text{
    font-size: 22px;
    font-weight: 600;
    color: var(--heading);
  }

  .footer-logo .logo-text span{
    font-weight: 700;
  }

  .footer-about p{
    font-size: 14px;
    line-height: 1.7;
    max-width: 300px;
    margin-bottom: 22px;
  }

  .follow-title{
    font-weight: 600;
    color: var(--heading);
    font-size: 15px;
    margin-bottom: 14px;
  }

  .social-icons{
    display:flex;
    gap:12px;
  }

  .social-icons a{
    width: 34px;
    height: 34px;
    border-radius: 50%;
    display:flex;
    align-items:center;
    justify-content:center;
    color:#fff;
    font-size: 14px;
    text-decoration:none;
    transition: opacity .2s ease;
  }

  .social-icons a:hover{ opacity:.85; }

  .social-icons a.facebook{ background:#1877F2; }
  .social-icons a.twitter{ background:#000; }
  .social-icons a.instagram{
    background: radial-gradient(circle at 30% 110%, #fdf497 0%, #fdf497 5%, #fd5949 45%, #d6249f 60%, #285AEB 90%);
  }
  .social-icons a.linkedin{ background:#0A66C2; }
  .social-icons a.behance{ background:#1769FF; }
  .social-icons a.dribbble{ background:#EA4C89; }

  .footer-heading{
    font-weight: 600;
    color: var(--heading);
    font-size: 16px;
    margin-bottom: 20px;
  }

  .footer-links{
    list-style:none;
    padding:0;
    margin: 0 0 30px 0;
  }

  .footer-links li{ margin-bottom: 12px; }

  .footer-links a{
    color: var(--gray-text);
    text-decoration:none;
    font-size: 14px;
    transition: color .2s ease;
  }
  .footer-links a i{    font-size: 12px; padding: 0px 3px 0px 0px;}

  .footer-links a:hover{ color: var(--orange); }

  .footer-address p, .footer-contact p{
    font-size: 14px;
    line-height: 1.7;
    margin-bottom: 8px;
  }

  .footer-contact a{
    color: var(--gray-text);
    text-decoration:none;
    display:flex;
    font-size: 14px;
    margin-bottom: 4px;
	gap: 9px;
    align-items: center;
  }
.footer-contact a i{    
	border: 1px solid #f47421;
	width: 35px;
	height: 35px;
	display: flex;
	align-items: center;
	justify-content: center;
	color: #f47421;
	border-radius: 50%;
	}
  .footer-contact a:hover{ color: var(--orange); }

  /* Badges row */
  .badges-row{
    border-top: 1px solid var(--divider);
    border-bottom: 1px solid var(--divider);
    padding: 30px 0;
    margin-top: 10px;
    display:flex;
    flex-wrap:wrap;
    align-items:center;
    justify-content:center;
    gap: 34px;
  }

  .badge-item{
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    text-align:center;
    gap:4px;
    min-width: 90px;
  }

  .badge-hex{
    width: 66px;
    height: 66px;
    clip-path: polygon(25% 5%, 75% 5%, 100% 50%, 75% 95%, 25% 95%, 0% 50%);
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    color:#fff;
    font-size: 9px;
    font-weight:600;
    line-height:1.2;
  }

  .badge-hex.navy{ background:#182a4e; }
  .badge-hex.teal{ background:#0f3d3e; }
  .badge-hex.blue{ background:#173d6b; }
  .badge-hex.purple{ background:#3a2d63; }
  .badge-hex.red{ background:#7a1f2b; }

  .badge-hex .clutch-word{
    font-size: 11px;
    font-weight:700;
    margin-top:2px;
  }

  .badge-stars{
    color:#ff9f2d;
    font-size: 9px;
    letter-spacing: 1px;
  }

  .badge-label{
    font-size: 10px;
    color: var(--gray-text);
    font-weight:500;
  }

  .clutch-plain{
    display:flex;
    flex-direction:column;
    align-items:center;
    gap:4px;
  }

  .clutch-plain .clutch-brand{
    font-size: 24px;
    font-weight:700;
    color:#EE3424;
    font-style:italic;
  }

  .top10-badge{
    display:flex;
    flex-direction:column;
    align-items:center;
    gap:2px;
  }

  .top10-badge .ribbon{
    background:#e63946;
    color:#fff;
    font-weight:700;
    font-size:18px;
    padding: 6px 14px;
    border-radius: 4px;
  }

  .top10-badge .ribbon-sub{
    font-size: 9px;
    color: var(--gray-text);
  }

  /* Bottom bar */
  .footer-bottom{
    display:flex;
    align-items:center;
    justify-content:center;
    flex-wrap:wrap;
    gap: 16px;
    padding-top: 24px;
    font-size: 13px;
  }

  .footer-bottom .copyright{
    color: var(--gray-text);
  }

  .protection-badges{
    display:flex;
    align-items:center;
    gap: 12px;
  }

  .dmca-badge{
    display:flex;
    align-items:center;
    border-radius: 4px;
    overflow:hidden;
    font-size: 11px;
    font-weight:700;
  }

  .dmca-badge span{
    padding: 6px 10px;
  }

  .dmca-badge .dmca-green{ background:#2e7d32; color:#fff; }
  .dmca-badge .dmca-dark{ background:#1b1b1f; color:#fff; }

  .copyscape-badge{
    display:flex;
    align-items:center;
    gap:6px;
    background:#0d2e57;
    color:#fff;
    padding: 6px 12px;
    border-radius: 4px;
    font-size: 11px;
    font-weight:600;
  }

  @media (max-width: 767px){
    .footer-about p{ max-width: 100%; }
    .badges-row{ gap: 20px; }
    .footer-bottom{ justify-content:center; text-align:center; }
  }

/*-- footer-section-end --*/

/*--- back-top-top ---*/

#bt-btn{
	position: fixed;
	right: 0;
	bottom: 14vh;
	display: flex;
	align-items: center;
	gap: 10px;
	background: #1b4803;
	color: #fff;
	border: none;
	cursor: pointer;
	font-family: 'Inter', sans-serif;
	font-size: 13px;
	padding: 12px 18px 12px 14px;
	border-radius: 8px 0 0 8px;
	transform: translateX(calc(100% - 46px));
	transition: transform .35s cubic-bezier(.22, 1, .36, 1);
	opacity: 0;
	pointer-events: none;
	}
  #bt-btn.show{opacity:1;pointer-events:auto;}
  #bt-btn:hover{transform:translateX(0);}
  #bt-btn .ring{
    position:relative;
    width:26px;
    height:26px;
    flex:none;
  }
  #bt-btn .ring svg{transform:rotate(-90deg);}
  #bt-btn .ring circle{fill:none;stroke-width:2;}
  #bt-btn .ring .track{stroke:rgba(250,247,240,.25);}
  #bt-btn .ring .fill{stroke:var(--rust);stroke-linecap:round;transition:stroke-dashoffset .1s linear;}
  #bt-btn .arrow{
    position:absolute;
    inset:0;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:13px;
  }
  #bt-btn .label{white-space:nowrap;}
@media (max-width: 768px) { #bt-btn{z-index:99;}}
/*--- back-top-top-end ---*/

/*-- Savings-Account --*/
/* .saving-banner .banner-wrapper {width: 100%; height:380px;} */
.saving-banner {width: 100%;height:380px; background-size: cover;}
.saving-banner .hero-banner {
  position: relative;
  overflow: hidden;
  background: linear-gradient(90deg, #ffffff 0%, #ffffff 55%, #ffffff 100%);
  min-height: 380px;
  display: flex;
  align-items: stretch;
  }
.saving-banner .hero-image-col {
  position: relative;
  width: 48%;
  min-height: 380px;
  overflow: hidden;
  }
.saving-banner .hero-image-col svg {width: 100%;height: 100%;}
.saving-banner .hero-text-col {
  width: 52%;
  display: flex;
  align-items: center;
  padding: 40px 60px;
  position: relative;
  }
.saving-banner .hero-text-col::before {
  content: "";
  position: absolute;
  top: 0;
  left: -80px;
  width: 160px;
  height: 100%;
  background: linear-gradient(90deg, rgba(255,255,255,0) 0%, #ffffff 70%);
  z-index: 1;
  }
.saving-banner .brand-logo {
  width: 42px;
  height: 42px;
  margin-bottom: 18px;
  }
.saving-banner .hero-heading {
  font-size: 2.1rem;
  font-weight: 700;
  line-height: 1.35;
  color: #1a1a1a;
  margin: 0;
  }
.saving-banner .hero-heading .accent {color: #d81f26;}
.saving-banner .side-tab {
  position: absolute;
  right: 0;
  top: 45%;
  background: #d81f26;
  color: #fff;
  padding: 14px 8px;
  border-radius: 8px 0 0 8px;
  font-size: 0.75rem;
  font-weight: 600;
  writing-mode: vertical-rl;
  }
.saving-banner .breadcrumb-bar {
  max-width: 1300px;
  margin: 18px auto 0;
  padding: 0 10px;
  }
.saving-banner .breadcrumb-bar .breadcrumb {
  margin-bottom: 0;
  font-size: 0.95rem;
  }
.saving-banner .breadcrumb-bar .breadcrumb-item a {
  color: #1a1a1a;
  text-decoration: none;
  }
.saving-banner .breadcrumb-bar .breadcrumb-item.active {color: #6c757d;}
  @media (max-width: 768px) {
.saving-banner .hero-banner {flex-direction: column;min-height: auto;}
.saving-banner .hero-image-col, .hero-text-col {width: 100%;}
.hero-image-col {min-height: 220px;}
.hero-text-col::before {display: none;}
.hero-heading {font-size: 1.5rem;}
  }

/*-- active-menu --*/
.active-menu{    
  padding: 14px 0px 14px 0px;
  background-color: #ffffff99;
  box-shadow: 0px 0px 8px -6px #000;
  }    
.active-menu .breadcrumb-steps {
  display: flex;
  list-style: none;
  margin: 0; padding: 0;
  gap: 4px;
  }
.active-menu .breadcrumb-steps li {
  background:rgb(27 72 3 / 13%);
  padding: 6px 16px 6px 24px;
  clip-path: polygon(0 0, calc(100% - 10px) 0, 100% 50%, calc(100% - 10px) 100%, 0 100%, 10px 50%);
  font-size: 13px;
  }
.active-menu .breadcrumb-steps li:first-child { clip-path: polygon(0 0, calc(100% - 10px) 0, 100% 50%, calc(100% - 10px) 100%, 0 100%); padding-left: 14px; }
.active-menu .breadcrumb-steps li a { color: #020202; text-decoration: none; }
.active-menu .breadcrumb-steps li.active { background:rgb(27 72 3); color: #ffffff; font-weight: 600; }


/*-- section-pad --*/
:root{
    --sib-maroon:#8a2432;
    --sib-maroon-dark:#6e1c27;
    --sib-cream:#f6e9cf;
    --sib-cream-dark:#eeddb8;
    --sib-text:#1f2328;
    --sib-muted:#4a5058;
    --sib-border:#e3e3e3;
  }
.section-pad{padding:43px 20px 46px;background-color: #fff;}
.section-pad .eyebrow{
  display:inline-block;
  background:#efefef;
  border-radius:30px;
  padding:8px 22px;
  font-size:0.95rem;
  font-weight:500;
  color:var(--sib-text);
  }
.section-pad .section-subtitle{
  font-size:1rem;
  color:var(--sib-text);
  margin-top:14px;
  }
.section-pad .savings-card{
  border:1px solid var(--sib-border);
  border-radius:14px;
  overflow:hidden;
  background:#fff;
  height:100%;
  display:flex;
  flex-direction:column;
  transition:box-shadow .25s ease, transform .25s ease;
  }
.section-pad .savings-card:hover{
  box-shadow:0 10px 24px rgba(0,0,0,0.08);
  transform:translateY(-2px);
  }
.section-pad .savings-card img{
  width:100%;
  height:180px;
  object-fit:cover;
  }
.section-pad .savings-card-body{
  padding:22px 22px 26px;
  display:flex;
  flex-direction:column;
  flex-grow:1;
  }
.section-pad .savings-card-body h3{
  font-size:1.15rem;
  font-weight:700;
  margin-bottom:10px;
  }
.section-pad .savings-card-body p.desc{
  font-size:0.92rem;
  color:var(--sib-muted);
  margin-bottom:16px;
  }
.section-pad .feature-list{
  list-style:none;
  padding:0;
  margin:0 0 20px;
  flex-grow:1;
  }
.section-pad .feature-list li{
  position:relative;
  padding-left:26px;
  margin-bottom:12px;
  font-size:0.92rem;
  color:var(--sib-text);
  }
.section-pad .feature-list li::before{
  content:"";
  position:absolute;
  left:0;
  top:3px;
  width:14px;
  height:14px;
  background-color:var(--sib-maroon);
  clip-path:polygon(0 0, 100% 0, 100% 100%);
  }
.section-pad .btn-know-more{
  background:var(--sib-cream);
  border:none;
  color:var(--sib-maroon-dark);
  font-weight:600;
  font-size:0.92rem;
  padding:10px 20px;
  border-radius:8px;
  align-self:flex-start;
  display:inline-flex;
  align-items:center;
  gap:8px;
  transition:background .2s ease;
  }
.section-pad .btn-know-more:hover{
  background:var(--sib-cream-dark);
  color:var(--sib-maroon-dark);
  }
.section-pad .btn-know-more i{transition:transform .2s ease;font-size: 15px;margin-top: 3px;}
.section-pad .btn-know-more:hover i{transform:translateX(3px);}


/*-- features-section --*/
.features-section{margin: 0 auto;padding: 0px 0px 40px 0px;}
.features-section .sib-image-wrap{
  position: relative;
  width: 100%;
  max-width: 420px;
  }
.features-section .sib-image-main{
  width: 100%;
  aspect-ratio: 1.1/1;
  border-radius: 18px;
  background: linear-gradient(135deg,#bcd6d1 0%, #6fa39a 35%, #2f5d55 75%, #16332f 100%);
  position: relative;
  overflow: hidden;
  display:flex;
  align-items:flex-end;
  justify-content:flex-start;
  padding: 20px;
  }
.features-section .sib-money-bag{
  font-size: 90px;
  filter: drop-shadow(0 10px 10px rgba(0,0,0,.25));
  }
.features-section .sib-image-sub{
  position:absolute;
  right: -18px;
  bottom: -18px;
  width: 58%;
  aspect-ratio: 1/1;
  border-radius: 14px;
  background: #f4f1ea;
  border: 5px solid #ffffff;
  box-shadow: 0 8px 24px rgba(0,0,0,.18);
  display:flex;
  align-items:center;
  justify-content:center;
  font-size: 60px;
  overflow:hidden;
  }
.features-section .sib-badge{
  display:inline-block;
  background: var(--sib-badge-bg);
  color: var(--sib-badge-text);
  font-size: 13px;
  font-weight: 500;
  padding: 6px 16px;
  border-radius: 20px;
  margin-bottom: 18px;
  }
.features-section .sib-heading{
  color: var(--sib-navy);
  font-weight: 700;
  font-size: 2.1rem;
  line-height: 1.25;
  margin-bottom: 18px;
  }
.features-section .sib-desc{
  font-size: 0.98rem;
  line-height: 1.9;
  text-align: justify;
  color: var(--sib-body);
  }
.features-section .sib-desc a{
  color:#2f6fb5;
  text-decoration:none;
  }
.features-section .sib-desc a:hover{ text-decoration:underline; }
.features-section .sib-features-title{
  text-align:center;
  color: var(--sib-navy);
  font-weight: 700;
  font-size: 1.7rem;
  margin: 50px 0 35px;
  }
.features-section .sib-feature-card{
  border: 1px solid var(--sib-card-border);
  border-radius: 14px;
  padding: 30px 18px;
  text-align: center;
  height: 100%;
  transition: box-shadow .2s ease, transform .2s ease;
  background:#fff;
  }
.features-section .sib-feature-card:hover{
  box-shadow: 0 10px 24px rgba(10,37,64,.08);
  transform: translateY(-3px);
  }
.features-section .sib-feature-icon{
  width: 56px;
  height: 56px;
  margin: 0 auto 16px;
  display:flex;
  align-items:center;
  justify-content:center;
  }
.features-section .sib-feature-icon img{ width:100%; height:100%; }
.features-section .sib-feature-text{
  color: var(--sib-navy);
  font-weight: 600;
  font-size: 0.95rem;
  line-height: 1.5;
  margin-bottom: 0;
  }
  @media (max-width: 767px){
.features-section .sib-heading{ font-size: 1.6rem; }
.features-section .sib-image-wrap{ margin-bottom: 30px; }
  }

  /*-- sib-Savings-section --*/
    :root{
    --cream-bg: #FBF0DE;
    --maroon: #8B1D1D;
    --maroon-dark: #6E1616;
    --text-dark: #1F1F1F;
    --text-body: #3A3A3A;
    --link-blue: #2A5DB0;
  }
.sib-Savings-section{padding:37px 0px;}
.sib-Savings-section .badge-pill{
  background-color: #1b4803;
  color: #ffffff;
  font-size: 0.85rem;
  font-weight: 600;
  padding: 6px 18px;
  border-radius: 20px;
  display: inline-block;
  margin-bottom: 18px;
  }
.sib-Savings-section .headline{
  color: var(--text-dark);
  font-weight: 700;
  font-size: 2.1rem;
  line-height: 1.25;
  }
.sib-Savings-section .hero-image-wrap{
  position: relative;
  border-radius: 14px;
  overflow: hidden;
  height: 320px;
  background: linear-gradient(135deg, #d9c7a3 0%, #8a7355 45%, #4a3d2c 100%);
  }
.sib-Savings-section .hero-image-wrap img{
  width: 100%;
  height: 100%;
  overflow: hidden;
  object-fit: cover;
  }
.sib-Savings-section .overlay-text{
  position: absolute;
  top: 30px;
  left: 30px;
  z-index: 2;
  max-width: 260px;
  }
.sib-Savings-section .overlay-text .stripe-icon{
  width: 34px;
  height: 34px;
  margin-bottom: 10px;
  }
.sib-Savings-section .overlay-text h5{
  color: #1a1a1a;
  font-weight: 700;
  font-size: 1.25rem;
  line-height: 1.3;
  text-shadow: 0 1px 2px rgba(255,255,255,0.4);
  }
.sib-Savings-section .overlay-text .highlight{color: var(--maroon);}
.sib-Savings-section .intro-text{
  color: var(--text-dark);
  font-weight: 600;
  font-size: 1.05rem;
  margin-bottom: 22px;
  }
.sib-Savings-section .feature-list{
  list-style: none;
  padding-left: 0;
  }
.sib-Savings-section .feature-list li{
  display: flex;
  align-items: flex-start;
  gap: 12px;
  margin-bottom: 20px;
  color: var(--link-blue);
  font-size: 0.98rem;
  line-height: 1.5;
  }
.sib-Savings-section .feature-list li .icon{
  color: var(--maroon);
  font-size: 1.1rem;
  margin-top: 2px;
  flex-shrink: 0;
  transform:rotate(41deg);
  }
.sib-Savings-section .apply-btn{
  background-color: var(--maroon);
  border: none;
  color: #fff;
  font-weight: 600;
  padding: 12px 28px;
  border-radius: 6px;
  transition: background-color 0.2s ease;
  }
.sib-Savings-section .apply-btn:hover{
  background-color: var(--maroon-dark);
  color: #fff;
  }
  @media (max-width: 768px){
.sib-Savings-section .headline{ font-size: 1.5rem; text-align: center; }
.sib-Savings-section .badge-pill{ display:block; width: fit-content; margin-left:auto; margin-right:auto; }
.sib-Savings-section { text-align:center; }
.sib-Savings-section .hero-image-wrap{ height: 260px; margin-bottom: 30px; }
  }

/*-- Savings-Account-end --*/

/*-- privacy-sec --*/
.privacy-sec {margin: 30px 0px;}
.privacy-sec .fc-rule {
  width: 67px;
  height: 3px;
  background: #b30000;
  border-radius: 2px;
  margin-bottom: 20px;
  }
.privacy-sec .policy-wrapper {margin: 24px auto;}
.privacy-sec .policy-wrapper p {margin-bottom: 18px;text-align: justify;}
.privacy-sec .policy-wrapper strong {color: #1a3d8f;}
.privacy-sec .bullet-list {
  list-style: none;
  padding-left: 0;
  margin-bottom: 18px;
  }
.privacy-sec .bullet-list li {
  display: flex;
  align-items: flex-start;
  margin-bottom: 10px;
  }
.privacy-sec .bullet-list li i {
  color: #b30000;
  margin-right: 10px;
  margin-top: 4px;
  flex-shrink: 0;
  }

/*-- privacy-sec --*/

@media (max-width: 425px) {
  .topbar { min-height: 42px; padding: 4px 0; }
  .topbar .container { padding-left: 10px !important; padding-right: 10px !important; }
  .tb-contact {gap: 79px !important; flex-wrap: wrap; }
  .tb-phone { font-size: 10px; padding: 0px; letter-spacing: 0; white-space: nowrap; }
  .tb-phone i { font-size: 9px; }
}

/*-- responsive --*/
@media (max-width: 991px) {
  /* Prevent any horizontal overflow at header level */
  header, .topbar, .main-nav {
    width: 100%;
    max-width: 100vw;
    overflow-x: hidden;
  }

  /* Remove Bootstrap px-4 side padding — was creating right gap */
  .main-nav .container,
  .topbar .container {
    padding-left: 12px !important;
    padding-right: 12px !important;
    max-width: 100% !important;
    width: 100% !important;
  }

  .main-nav { padding: .4rem 0; }

  /* Toggler */
  .main-nav .navbar-toggler {
    padding: 4px 8px;
    border: 1px solid rgba(0,0,0,.15);
    border-radius: 4px;
    margin: 0;
    flex-shrink: 0;
  }
  .main-nav .navbar-toggler:focus { box-shadow: none; }

  /* Collapsed menu — must fill full nav width, no overflow */
  .main-nav .navbar-collapse {
    width: 100%;
    max-width: 100%;
    border-top: 1px solid #eee;
    margin-top: 6px;
    padding-top: 6px;
    overflow-x: hidden;
  }
  .main-nav .navbar-nav {
    gap: 0;
    width: 100%;
  }
  .main-nav .nav-link {
    padding: .5rem 0 !important;
    border-bottom: 1px solid #f0f0f0;
    width: 100%;
  }

  /* Mobile dropdown — static flow, no min-width overflow */
  .main-nav .dropdown-menu {
    position: static !important;
    visibility: visible !important;
    opacity: 1 !important;
    transform: none !important;
    pointer-events: auto !important;
    display: none !important;
    box-shadow: none;
    border-radius: 0;
    padding: 4px 0 4px 14px;
    margin-top: 0 !important;
    border: none;
    background: #f5f5f5;
    min-width: 0 !important;
    width: 100% !important;
  }
  .main-nav .dropdown-menu.show { display: block !important; }
  .main-nav .dropdown-item {
    padding: 8px 12px;
    border-left: none;
    font-size: 13px;
    white-space: normal;
  }
  .main-nav .dropdown-item:hover { padding-left: 16px; }

  /* Login button inside mobile menu */
  .main-nav .mobile-login {
    display: block;
    margin: 10px 0 4px;
    width: 100%;
  }
  .main-nav .mobile-login .btn-login {
    width: 100%;
    text-align: center;
    justify-content: center;
    display: flex;
  }
.main-nav .mobile-login .btn-login i{
  font-size: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0px 0px 0px 6px;
  margin-top: -2px;
  }
}

@media (max-width: 768px) {
  .main-nav .navbar-brand img { width: 192px; }
  .main-nav .btn-login { font-size: 11px; }

  .services-section .svc-wrap .svc-grid .svc-flip .svc-flip-inner .svc-back{gap: 0px;}
  .services-section .svc-wrap .svc-grid .svc-flip .svc-flip-inner .svc-back .svc-back-ico{width: 42px;height: 42px;}
  .services-section .svc-wrap .svc-grid .svc-flip .svc-flip-inner .svc-back .svc-back-ico img{width:34px;height:34px;}
  .services-section .svc-wrap .svc-grid .svc-flip .svc-flip-inner .svc-back h3{font-size: 11px;margin-top: 8px;}
  .services-section .svc-wrap .svc-grid .svc-flip .svc-flip-inner .svc-back .svc-back-btn{margin-top: 8px; font-size: 9px;}
  .services-section .svc-wrap .svc-grid .svc-flip .svc-flip-inner .svc-back .svc-back p{font-size: 10px;}

  .services-section .svc-wrap .svc-grid .svc-flip .svc-flip-inner .svc-front .svc-front-ico{width: 42px; height: 42px;}
  .services-section .svc-wrap .svc-grid .svc-flip .svc-flip-inner .svc-front .svc-front-ico img{width: 44px; height: 44px;}
  .services-section .svc-wrap .svc-grid .svc-flip .svc-flip-inner .svc-front h3{font-size: 13px;}
  .services-section .svc-wrap .svc-grid .svc-flip .svc-flip-inner .svc-front p{font-size: 11px;}
  
.topbar .top-content .tb-phone{font-size: 11px;}
}

/*-- --*/
.dropdown-toggle::after {display:none;}
/*-- --*/


/*-- contact-us --*/

:root{
    --maroon: #a91d3a;
    --maroon-dark: #8f1730;
    --cream: #f2ede6;
    --text-dark: #1e2430;
    --text-muted: #8a8f98;
    --label-maroon: #b0263f;
  }
.contact-sec .support-wrapper{padding: 60px 20px;}
.contact-sec .support-card{
  margin: 0 auto;
  display: flex;
  flex-wrap: wrap;
  box-shadow: 0 10px 40px rgba(0,0,0,0.08);
  border-radius: 4px;
  overflow: hidden;
  }
.contact-sec .left-panel{
  flex: 1 1 55%;
  background: #ffffff;
  padding: 45px 40px 0 45px;
  position: relative;
  overflow: hidden;
  }
.contact-sec .left-panel h2{
  font-weight: 700;
  font-size: 2rem;
  line-height: 1.3;
  margin-bottom: 14px;
  color:#000000;
  }
.contact-sec .left-panel .subtitle{
  color: var(--text-muted);
  font-size: 0.9rem;
  margin-bottom: 30px;
  }
.contact-sec .info-box{
  background: #ffffff;
  border: 1px solid #eee;
  box-shadow: 0 8px 30px rgba(0,0,0,0.06);
  border-radius: 4px;
  padding: 30px 25px;
  position: relative;
  z-index: 2;
  }
.contact-sec .info-item{
  display: flex;
  align-items: flex-start;
  gap: 18px;
  margin-bottom: 22px;
  }
.contact-sec .info-item:last-child{margin-bottom: 0;}
.contact-sec .icon-circle{
  flex: 0 0 44px;
  height: 44px;
  width: 44px;
  background: var(--cream);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--text-dark);
  font-size: 1rem;
  }
.contact-sec .info-label{
  color: var(--label-maroon);
  font-size:14px;
  font-weight: 500;
  margin-bottom: 4px;
  display: block;
  }
.contact-sec .info-text{
  font-weight: 600;
  font-size: 0.95rem;
  line-height: 1.5;
  color: var(--text-dark);
  margin: 0;
  }
.contact-sec .maroon-shape{
  position: absolute;
  bottom: 0;
  left: 0;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 0 230px 230px;
  border-color: transparent transparent #1b4803e6 transparent;
  z-index: 1;
  transform: rotate(90deg);
  }
.contact-sec .social-icons{
  position: relative;
  z-index: 2;
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 25px 0 40px 0;
  justify-content: end;
  }
.contact-sec .social-icons h4{    
  font-size: 17px;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  margin: 0;
  color: #000;
  } 
.contact-sec .social-icons a{
  width: 38px;
  height: 38px;
  border-radius: 50%;
  background: #ffffff;
  box-shadow: 0 4px 12px rgb(49 90 28 / 14%);
  display: flex;
  align-items: center;
  justify-content: center;
  color: #315a1c;
  text-decoration: none;
  font-size: 0.9rem;
  transition: all 0.2s ease;
  border: 1px solid #315a1c1c;
  }
.contact-sec .social-icons a:hover{background:#315a1c;color: #fff;}
.contact-sec .right-panel{
  flex: 1 1 45%;
  background:#f8f8f8;
  padding: 45px 45px;
  }
  
.contact-sec .right-panel label{
  font-weight: 600;
  font-size: 0.9rem;
  color: var(--text-dark);
  margin-bottom: 8px;
  display: block;
  }
.contact-sec .right-panel .form-control{
  background: #ffffff;
  border: 1px solid #e2ddd3;
  border-radius: 3px;
  padding: 12px 14px;
  font-size: 0.9rem;
  margin-bottom: 22px;
  }
.contact-sec .right-panel .form-control::placeholder{color: #b7b2a8;}
.contact-sec .right-panel .form-control:focus{box-shadow: none;border-color: #315a1c;}
.contact-sec textarea.form-control{resize: vertical; min-height: 100px;}
.contact-sec .btn-send{
  background: linear-gradient(45deg, #213c14, #315a1cd1);
  border: 1px solid #315a1c;
  color: #ffffff;
  font-weight: 600;
  font-size: 0.9rem;
  padding: 12px 30px;
  border-radius: 3px;
  transition: all 0.2s ease;
  }
.contact-sec .btn-send:hover{
  background:linear-gradient(45deg, #315a1cd1, #213c14);
  border-color:#315a1c;
  color: #fff;
  }

@media (max-width: 767px){
.contact-sec .left-panel, .right-panel{flex: 1 1 100%;padding: 35px 25px;}
.contact-sec .maroon-shape{border-width: 0 0 150px 150px;}

.contact-sec .support-wrapper{padding: 23px 0px 23px 0px;}
.contact-sec .left-panel h2{font-size: 19px;}
  }

/*-- contact-us-end --*/