body {
    width: 100%;
    height: 100%;
    font-family: 'Biennale Medium', sans-serif;}

html {
    width: 100%;
    height: 100%;
}



@font-face {
	font-family: 'Conv_GillSansMTPro-Medium';
	src: url('../fonts/GillSansMTPro-Medium.eot');
	src: local('☺'), url('../fonts/GillSansMTPro-Medium.woff') format('woff'), url('../fonts/GillSansMTPro-Medium.ttf') format('truetype'), url('../fonts/GillSansMTPro-Medium.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}


@font-face {
	font-family: 'Conv_GillSansMTPro-Book';
	src: url('../fonts/GillSansMTPro-Book.eot');
	src: local('☺'), url('../fonts/GillSansMTPro-Book.woff') format('woff'), url('../fonts/GillSansMTPro-Book.ttf') format('truetype'), url('../fonts/GillSansMTPro-Book.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}







@font-face {
	font-family: 'Conv_RaphLanokFuture';
	src: url('../fonts/RaphLanokFuture.eot');
	src: local('☺'), url('../fonts/RaphLanokFuture.woff') format('woff'), url('../fonts/RaphLanokFuture.ttf') format('truetype'), url('../fonts/RaphLanokFuture.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}





a {
    outline: none;
}

a:focus {
    outline: none;
}

.no-gutter > [class*='col-'] {
    padding-right: 0;
    padding-left: 0;
}












.margin1{ margin-top: 10px;}
.margin2{ margin-top: 20px;}
.margin3{ margin-top: 30px;}
.margin4{ margin-top: 40px;}


.margin_b1{ margin-bottom: 50px;}

.padding1{ padding-left: 15px; padding-right: 15px;}

.btn_new {
    color:#1543b3 !important;
    font-size: 14px !important;font-weight: bold;
    background-color:#fff !important; 
    outline: none !important;  border-radius:8px !important;  line-height:normal;
      padding:7px 12px !important; transition: all .7s !important;
}




.btn_new.focus,
.btn_new:focus,
.btn_new:hover {
    color: #fff !important;
    text-decoration: none !important;
    outline: none !important;
	background:#1543b3 !important;
}




.btn_new1 {
    color:#fff !important;
    font-size: 14px !important;
    background-color:#0057ff !important; 
    outline: none !important;  border-radius:8px !important;line-height:normal;
      padding:12px 12px !important; transition: all .7s !important;
}




.btn_new1.focus,
.btn_new1:focus,
.btn_new1:hover {
    color: #fff !important;
    text-decoration: none !important;
    outline: none !important;
	background:#002688 !important;
}








.btn_new2 {
    color:#fff !important;
    font-size: 14px !important;text-transform: uppercase;
    background-color:#009846 !important; 
    outline: none !important;  border-radius:28px !important; letter-spacing: 1px; line-height:normal;
      padding:7px 12px !important; transition: all .7s !important;
}




.btn_new2.focus,
.btn_new2:focus,
.btn_new2:hover {
    color: #fff !important;
    text-decoration: none !important;
    outline: none !important;
	background:#009846 !important;
}











.navbar-brand span{color: #fff; font-family:'Conv_RaphLanokFuture'; }



.navbar-custom {
    margin-bottom: 0;
    border-bottom: 1px solid rgba(255,255,255,.3);
    text-transform: uppercase;    
    background-color:#fff;}

.navbar-custom .navbar-brand {
   text-transform: none; font-weight: normal; font-size: 24px;margin-top:7px;
}

.navbar-custom .navbar-brand:focus {
    outline: 0;
}

.navbar-custom .navbar-brand .navbar-toggle {
    padding: 4px 6px;
    font-size: 16px;
    color: #fff;
}

.navbar-custom .navbar-brand .navbar-toggle:focus,
.navbar-custom .navbar-brand .navbar-toggle:active {
    outline: 0;
}

.navbar-custom a {
    color: #000; 
}

.navbar-custom .nav li a {
    -webkit-transition: background .3s ease-in-out;
    -moz-transition: background .3s ease-in-out;
    transition: background .3s ease-in-out;font-weight: 600;color: #000;padding: 10px 12px;
}

.navbar-custom .nav li a:hover {
    outline: 0;
    color:#000;
    background-color: transparent;
}

.navbar-custom .nav li a:focus,
.navbar-custom .nav li a:active {
    outline: 0; color:#000 !important;
    background-color: transparent;
}

.navbar-custom .nav li.active {
    outline: 0; color: #fff;
}

.navbar-custom .nav li.active a {
    
}

.navbar-custom .nav li.active a:hover {
    color: #fff;
}
.navbar-brand>img {max-height: 38px;}









@media(min-width:768px) {
    .navbar-custom {
        padding: 5px 0 5px 0;
        border-bottom: 0;
        letter-spacing: 1px;
        background:#fff;
        -webkit-transition: background .5s ease-in-out,padding .5s ease-in-out;
        -moz-transition: background .5s ease-in-out,padding .5s ease-in-out;
        transition: background .5s ease-in-out,padding .5s ease-in-out;
    }

    .navbar-custom.top-nav-collapse {
        padding:5px 0 15px 0;        
        background:;}
	
	.navbar-brand{padding-top:0;}
	
	.navbar-right {
    float: right !important;   
    margin-top: 10px;}
	
	
}








.whatsapp_div{position: fixed; bottom: 75px; left: 15px; z-index: 999;}
.whatsapp_div a{display: block;margin-bottom: 10px;}



.top_number{
    background-color:#e13e20 !important;
    color: #fff !important;font-size: 16px;
}






@media(max-width:768px) {
.navbar-toggle i{color:#000 !important;}	
	.top{ margin-top: 40px;}	
	.navbar-toggle {
    position: relative;
    float: right;
    padding: 5px 10px;
    margin-top: 8px;
    margin-right: 15px;
    margin-bottom: 8px;
    background-color:#fff;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 0;}
	
	.navbar-brand>img {
    max-height: 38px;}
	

}



@media(max-width:1200px) {

.slider_wrap{ }

}


@media(max-width:992px) {
    
.navbar-custom {  
    padding-top: 5px;padding-bottom: 5px;}
	
	
	.navbar-brand{padding-top: 9px;}
	.navbar-custom .navbar-brand { margin-top:0;}
	
	
	.banner_outer{background:transparent; margin-top: 10px;}
	.banner_wrap{margin-top: 0;padding-top: 0;}
	

	
	
    
}


@media(max-width:768px) {
    


}




/* ===== Section Background ===== */
.vip-launch-section {
   
  color:#fff;margin-top: 66px;
  
}

/* ===== Left Column ===== */

.vip-launch-left{position: relative; z-index: 99; margin-top:80px;background: linear-gradient(to bottom, rgba(0,0,0,0.2), rgba(0,0,0,0.85));
padding:20px;border-radius: 6px;}

.vip-launch-left h1 {
  font-size:36px;
  line-height:1.3;
  font-weight:700;
  margin-bottom:16px;margin-top:0;
}
.vip-launch-left p {
  font-size:16px;
  line-height:1.6;
  margin-bottom:16px;
}
.vip-launch-btns .btn {
  margin-right:15px;
  padding:14px 22px;
  font-size:15px;border: 1px solid #fff;
  border-radius:12px;font-weight: bold;
}
.vip-main-btn { background:#fff; color:#0057ff; border:none; }
.vip-main-btn:hover { background:#; }
.vip-sec-btn  { background:rgba(255,255,255,0.2); color:#fff; border:none; }
.vip-sec-btn:hover { background:; }
.vip-note { font-size:13px; opacity:0.85; margin-top:15px; }






.video-form-section {
  position: relative;
  height: 85vh;
  display: flex;
  align-items: stretch;
  overflow: hidden;margin-top: 74px;
}

.video-form-section .video-bg {
  position: absolute;
  width: 100%;
  height: 800px;
  object-fit: cover;
  top: 0;
  left: 0;
  z-index: 1;
}


























/* ===== Right Column Wrapper ===== */
.vip-launch-right {
  padding: 20px; border: 1px solid #d6d6d6;border-radius: 16px;box-shadow:0 8px 18px rgba(0,0,0,0.15);background: rgb(255, 255, 255, .2);margin-top: 0;
}


/* ===== Dashboard Card ===== */
.vip-dashboard {
  background:#fff;
  color:#333;
  border-radius:14px;
  padding:25px 30px;
  box-shadow:0 8px 18px rgba(0,0,0,0.15);
  position: relative; /* stays above pseudo border */  
}
.vip-dash-header {
  font-size:15px;
  font-weight:600;
  margin-bottom:25px;
  display:flex;
  align-items:center;
}
.vip-dot {
  display:inline-block;
  width:10px;
  height:10px;
  background:#1a8ce5;
  border-radius:50%;
  margin-right:10px;
}


.vip-dash-item{padding: 10px; border: 1px solid #e0e0e0;margin-bottom:30px;border-radius: 12px;}

.vip-dash-item h4 {
  font-size:14px;
  margin-bottom:6px;
  font-weight:600;color: #777;
}
.vip-status {
  font-size:13px;
  display:block;margin-top: 15px;
}
.vip-status.active { color:#1a8ce5; }
.vip-status.bundle { color:#28a745; }
.vip-status.add    { color:#ff9800; }
.vip-status.scale  { color:#6c757d; }
.vip-join-btn {
  display:block;
  width:100%;
  padding:14px;
  font-size:16px;
  border-radius:8px;
}


/* container for the three buttons */
.vip-note-btns {
  margin-top:20px;
  text-align: left;      /* aligns with main content */
}
.vip-note-btns a{cursor: none;}

/* transparent white buttons */
.btn-transparent {
  display: inline-block;
  margin-right: 10px;     /* gap between buttons */
  margin-bottom: 10px;    /* wraps nicely on mobile */
  padding: 6px 16px;
  font-size: 13px;
  color: #fff;
  background: rgba(255,255,255,0.18);  /* translucent white bg */
  border: 1px solid rgba(255,255,255,0.3);
  border-radius: 16px;
  text-decoration: none;
  transition: all 0.25s ease;
}

/* hover effect */
.btn-transparent:hover,
.btn-transparent:focus {
  background: rgba(255,255,255,0.3);
  color: #fff;
}



.vip-dashboard .btn_new1{width:100%; padding-top: 14px !important;padding-bottom: 14px !important;}







.join_sec{margin-top:60px;margin-bottom: 60px;}

/* Title section */
.section-title {
  font-size: 26px;
  font-weight: 700;
  color: #222c39;
  margin-bottom: 12px;
  letter-spacing: -0.3px;
}

.section-title span {
  color: #1676f3;
}

.section-subtitle {
  font-size: 14px;
  color: #617187;
  margin: 0;
}

/* Cards */
.card-box {
  background: #fff;
  border-radius: 14px;
  border: 1px solid #e2e9f2;
  padding: 32px 24px 24px;
  min-height: 190px;
  box-sizing: border-box;
  margin-bottom: 20px;box-shadow:0 3px 18px rgba(0,0,0,0.15);
}


.card-box img{height: 150px; width: 100%; object-fit: cover;}







/* Icon circles */
.icon-circle {
  width: 34px;
  height: 34px;
  background: #eaf4ff;
  border-radius: 6px;
  text-align: center;
  line-height: 34px;
  margin-bottom: 16px;
  color: #1676f3;
  font-size: 18px;
}

/* Card titles */
.card-title {
  font-size: 16px;
  font-weight: 700;
  color: #222c39;
  margin-bottom: 8px;
  letter-spacing: -0.1px;
}

/* Card text */
.card-text {
  font-size: 13px;
  color: #7a869a;
  line-height: 1.8;
  margin: 0;
}










.bundle-section {
 padding-top: 30px; padding-bottom:30px;
}

.bundle-header {
  margin-bottom: 20px;
}

.bundle-title {
  font-weight: 700;
  font-size: 26px;
  color: #000;
  margin-bottom: 5px;margin-top: 0;
}

.bundle-subtitle {
  font-size: 13px;
  color: #777777;
  margin: 0;
}



.btn-bundle {
  font-size: 14px;
  font-weight: 600;
  padding: 9px 20px;
  border-radius: 25px;
  background-color: #007bff;
  color: #fff;
  border: none;
  cursor: pointer;
}

.bundle-cards {
  margin-top: 20px;
}

.bundle-card {
  border: 1px solid #e2e9f2;
  border-radius: 10px;
  padding: 20px 20px 30px 20px;
  background-color: #fff;
  margin-bottom: 20px;
  min-height: 260px;margin-top: 15px;
  box-sizing: border-box;box-shadow:0 3px 18px rgba(0,0,0,0.15);
}

.bundle-card .card-title {
  color: #333;
  font-size: 16px;
  font-weight: 700;
  margin-bottom: 10px;
}

.bundle-card img{width: 100%;height: 200px; object-fit: cover;}



.card-list {
  list-style: ;
  padding-left:15px;
  font-size: 14px;
  color: #515151;
  margin-bottom: 20px;
}

.card-list li {
  margin-bottom: 6px;
  line-height: 1.3;
}

.btn-action {
  font-size: 13px;
  font-weight: 600;
  background-color: #070a1f;
  color: #fff;
  border-radius: 6px;
  padding: 8px 14px;
  border: none;
  cursor: pointer;
}



.build_btn_div{text-align: right;}


.btn-action:hover{color: #fff;}







/* ===== Section Base ===== */
.growth-partner-section {
  background:#fff;
  padding:60px 0 30px 0;
  color:#333;
}

/* ===== Left Column ===== */
.growth-left h2 {
  font-size:26px;
  font-weight:700; color: #000;
  margin-bottom:18px;
}
.growth-left p {
  font-size:16px;
  line-height:1.6;
  margin-bottom:20px;
  color:#555;
}
.growth-points {
  list-style:none;
  padding:0;
  margin:0 0 25px 0;
}
.growth-points li {
  font-size:15px;
  line-height:1.8;
  padding-left:22px;
  position:relative;
}
.growth-points li::before {
  content:"\2713"; /* checkmark */
  position:absolute;
  left:0;
  top:0;
  color:#1a8ce5;
  font-weight:bold;
}
.growth-btn {
  padding:12px 22px;
  border-radius:8px;
  font-size:15px;
}

/* ===== Right Card ===== */
.growth-right {
  position: relative;
}
.growth-card {
  background:#fff;
  border:1px solid rgba(0,0,0,0.08);
  border-radius:12px;
  padding:20px 24px;margin-top: 72px;
  box-shadow: 0 3px 18px rgba(0, 0, 0, 0.15);
}
.growth-card-header {
  margin-bottom:12px;
}
.growth-card-header strong {
  font-size:16px;
  display:inline-block;
  margin-bottom:6px;
}
.growth-card-header p {
  font-size:14px;
  color:#666;
  margin:0;
}
.growth-dot {
  display:inline-block;
  width:10px;
  height:10px;
  border-radius:50%;
  background:#1a8ce5;
  margin-right:8px;
  position:relative;
  top:-1px;
}
.growth-card-body {
  padding-top:10px;
  border-top:1px solid rgba(0,0,0,0.08);
}
.growth-next {
  font-size:14px;
  color:#444;
}
.growth-included {
  color:#28a745;
  font-weight:600;
}














/* ===== Section Base ===== */
.future-tools-section {
  background:#fff;
  padding:30px 0;  
  color:#333;
}

/* ===== Heading & Intro ===== */
.tools-header h2 {
  font-size:26px;
  font-weight:700;color:#000;
  margin-bottom:12px;
}
.tools-header p {
  font-size:16px;
  line-height:1.6;
  color:#555;
  margin-bottom:35px;
}

/* ===== Tool Boxes ===== */
.tool-box {
  margin-bottom:20px; /* spacing for small screens */
}
.tool-inner {
  background:#fff;
  border:1px solid rgba(0,0,0,0.08);
  border-radius:10px;
  padding:24px 18px;
  text-align:left;
  box-shadow: 0 3px 18px rgba(0, 0, 0, 0.15);
  transition:all 0.25s ease;
  height:100%; /* equal height columns */
}
.tool-inner h4 {
  font-size:16px;
  font-weight:600;
  margin-bottom:8px;margin-top: 0;
  color:#333;
}
.tool-inner p {
  font-size:14px;
  color:#666;
  margin:0;
}
.tool-inner:hover {
  box-shadow:0 8px 20px rgba(0,0,0,0.08);
  border-color:rgba(26,140,229,0.25);
}


.tool-inner img{width:100%;height:180px;object-fit: cover;margin-bottom:15px;}







.trusted-title {
  font-size: 26px;
  font-weight: bold;
  color: #000;
  text-align: center;
  margin-bottom: 10px;
}

.trusted-subtitle {
  font-size: 15px;
  color: #666;
  text-align: center;
  margin-bottom: 50px;
}

.trusted-card {
    background-color: #fff;
    padding: 20px;
    margin-bottom: 30px;
    transition: box-shadow 0.3s ease;
    border: 1px solid rgba(0, 0, 0, 0.08);
    border-radius: 10px;
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.15);}

.trusted-card:hover {
  box-shadow: 0 6px 20px rgba(0,0,0,0.1);
}

.trusted-quote {
  font-size: 16px;
  font-weight: 600;
  color: #222;margin-top:10px;
  margin-bottom: 15px;
}

.trusted-detail {
  font-size: 14px;
  color: #555;
  margin-bottom:15px;
}

.trusted-author {
  font-size: 13px;
  color: #999;
  font-style: italic;
}














.vip-banner {
 background: linear-gradient(90deg, #2d82ff 0%, #3d9bff 100%);
  width: 100%;
  padding: 60px 0 80px 0;margin-top: 60px;
  text-align: center;
}

.vip-title {
  font-size: 36px;
  color: #ffffff;
  font-weight: bold;
  margin-bottom: 15px;
}

.vip-subtitle {
  font-size: 18px;
  color: #ffffff;
  margin-bottom: 30px;
}

.vip-button {
  display: inline-block;
 background: #fff;
    color: #0057ff;
  font-size: 16px;
  font-weight: bold;
  padding: 14px 28px;
  border-radius: 14px;
  text-decoration: none;
  transition: background-color 0.3s ease;
}

.vip-button:hover {
  background-color: #f0f0f0;
}




ul.free_check{list-style: none;margin: 0 0 20px 0; padding: 0 0 0 0;}
ul.free_check li{line-height: 22px;}
ul.free_check li i{color: #fff; margin-right: 3px;}




.video-container {
  width: 100%;
  max-width: 800px; /* optional — you can change or remove */
  overflow: hidden;
}

.video-container video {
  width: 100%;
  height: 460px;
  display: block;
  background: black;
  border-radius: 20px;
  object-fit: cover; /* this ensures video adjusts proportionally */
}










.vip-section {
  background: #1543b3; /* Same deep blue */
  padding: 40px 20px 60px 20px; margin-top: 30px; margin-bottom: 30px;
  color: #fff;  
}

.vip-title {
  font-size: 26px;
  font-weight: 400;
  margin-bottom: 30px;
  color: #fff;
}

.vip-box {
  text-align: left;
  margin-bottom: 30px;background:#002688;padding:30px;min-height:550px;border-radius: 12px;box-shadow: 0 4px 8px 1px rgb(0 0 0 / 19%);
}

.vip-box h3 {
  font-size:16px;
  font-weight: 700;
  margin-bottom: 20px;
  color: #fff;
}

.vip-box ul {
  padding-left: 18px;
  list-style-type: disc;
}

.vip-box ul li {
  font-size: 14px;
  line-height: 1.6;
  margin-bottom: 12px;
}



.vip-box-btn{margin-top:30px;}
.vip-box-btn .btn_new{color:#1543b3 !important;background:#fff !important; font-weight: bold !important;font-size: 18px !important;border-radius:28px !important;padding:10px 24px !important;text-transform: none;}


.vip_pic{}
.vip_pic img{width: 100%; height: 250px; object-fit: cover;border-radius: 14px;}


.vip_inner1{min-height: 195px;}

















/* -------- Scroll Top Css --------*/

#scrollToTopBtn{z-index: 999;}
.scroll-top-wrapper {
    position: fixed;
    opacity: 0;
    visibility: hidden;
	overflow: hidden;
	
	z-index: 99999999999999999;
   
	color: #eeeeee;
	
	right: 5px;
	bottom: 75px;
	padding-top: 2px;
	
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-ms-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
}
.scroll-top-wrapper:hover {
	
}
.scroll-top-wrapper.show {
    visibility:visible;
    cursor:pointer;
	opacity: 1.0;
}

/* -------- Scroll Top Css Ends --------*/



@media(max-width:992px){    
	
    
    
    
    .video-container video {
  width: 100%;
  height: 360px;
  display: block;
  background: black;margin-bottom: 20px;
  border-radius: 20px;
  object-fit: cover; /* this ensures video adjusts proportionally */
}

    
    
    
    .vip-box{min-height:auto;}
    
    
    
    
    
    .card-box img {
    height: 200px;
    width: 100%;
    object-fit: cover;}
    
    
	 .tools-header h2 { font-size:24px; }
  .tools-header p { font-size:15px; }
	
	.vip-launch-section {
        margin-top: 20px;padding-top:43px; padding-bottom: 50px;}
	
	  .no_row_margin_later {
        margin-left: 0;
        margin-right: 0;
    }
    
    .vip-launch-right {
 margin-top: 30px;}
    
    .section-subtitle{margin-bottom: 20px;}
    
    
    .join_sec{margin-top:30px;margin-bottom: 30px;}
    
   .build_btn_div{text-align: left;margin-top:15px;}

	.bundle-section {padding-top: 10px;padding-bottom: 30px;}
    
    .growth-left h2 { font-size:24px; }
  .growth-left p { font-size:15px; }
  .growth-card { margin-top:25px; }
    
    .growth-partner-section {
    background: #fff;
        padding: 0 0 30px 0;}
    
}



@media(max-width:767px) {
 
 .vip-launch-left h1 { font-size:28px; line-height:1.25; }
  .vip-launch-left p  {font-size:15px;}
  .vip-launch-btns .btn {
    display:block;
    width:100%;
    margin:0 0 12px 0;
  }
  .vip-launch-btns .btn:last-child {margin-bottom:0;}

  .vip-launch-right::before {
    top:6px; left:6px; right:6px; bottom:6px;
    border-radius:16px;}
  .vip-dashboard {padding:20px;}
    
    
    
    
    
     .video-form-section {
    flex-direction: column;
    height: auto; /* allow natural stacking height */
  }

  .video-form-section .video-bg {
    position: relative;
    height: 250px; /* adjust video height for mobile */
  }

  .vip-launch-wrap {
    position: relative;
    z-index: 2;
    width: 100%;
    padding: 20px;
  }

  .vip-launch-left {
    margin-top: 0;
    background:#1543b3;
    padding: 20px;
  }

  .vip-launch-left h1 {
    font-size: 24px;
    line-height: 1.4;
  }

  .vip-launch-left p {
    font-size: 14px;
  }

  .vip-launch-btns .btn {
    display: block;
    width: 100%;
    margin: 10px 0;
  }

  .vip-note-btns {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    margin-top: 10px;
  }

  .vip-note-btns .btn {
    flex: 1 1 45%;
    font-size: 12px;
    padding: 8px;
  }
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
}



@media (max-width:479px) {
    
 .vip-launch-left h1 {font-size:22px;}
  .vip-launch-left p {font-size:14px;}
  .vip-launch-right::before {
    top:4px; left:4px; right:4px; bottom:4px;
    border-radius:12px;}
  .vip-dashboard {padding:16px;}
    
   .btn-transparent {
    display: block;
    width: 100%;
    margin-right: 0;} 
    
    
    .growth-left h2 { font-size:20px; }
  .growth-points li { font-size:14px; }
    
    
    .tools-header h2 { font-size:20px; }
    
    
}







footer {
  background-color: #f5f5f5;
  padding: 30px 20px;
  font-size: 14px;
  color: #666;
}

.footer-left {
  margin: 0;
  line-height: 24px;
}

.footer-right {
  list-style: none;
  padding: 0;
  margin: 0;
  text-align: right;
}

.footer-right li {
  display: inline-block;
  margin-left: 20px;
}

.footer-right a {
  color: #666;
  text-decoration: none;
  transition: color 0.3s ease;
}

.footer-right a:hover {
  color: #000;
}



@media (max-width: 767px) {
  .footer-left {
    text-align: center;
    margin-bottom: 15px;
  }

  .footer-right {
    text-align: center;
  }

  .footer-right li {
    margin-left: 10px;
    margin-right: 10px;
  }

}




















 /* Fixed Bottom Bar */
        .bottom-bar {
            position: fixed;
            bottom: 0;
            left: 0;
            width: 100%;
            background: #ffffff; /* White Background */
            display: flex;display: none;
            justify-content: space-between;
            align-items: center;
            padding: 10px 0 20px 0;
            box-shadow: 0 -2px 10px rgba(0, 0, 0, 0.1);
            z-index: 1000;
        }

        /* Buttons Layout */
        .bottom-bar a {
            flex: 1;
            text-align: center;
            text-decoration: none;
            font-size: 12px;
            font-weight: bold;
            color: #0b4169;
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;
        }

        /* Icon Styling */
        .bottom-bar a i {
            font-size: 24px;
            margin-bottom: 4px; /* Space between icon and text */
            color: #0b4169;
        }

         /* WhatsApp Icon */
        .whatsapp-container {
            flex: 1;
            display: flex;
            justify-content: center;
            align-items: center;
        }

        .whatsapp-container img {
            width: 30px; /* Adjust size as needed */
            height: 30px;
            margin-bottom: 0;
        }






        /* Mobile Responsive */
        @media (max-width: 768px) {
            .bottom-bar a {
                font-size: 11px;
            }

            .bottom-bar a i {
                font-size: 22px;
            }

            .whatsapp img {
                width: 28px;
                height: 28px;
            }
        }