{box-sizing:border-box;margin:0;padding:0}
body{font-family:Inter,Roboto,Arial,sans-serif;background:#f0f7fb;padding:0px;color:#102028}
.wrap{max-width:1200px;margin:0 auto}
h1{text-align:center;margin-bottom:18px;color: #1d8a99;
    text-transform: uppercase;}

.layout{display:grid;grid-template-columns:1.2fr 2fr 1.2fr;gap:20px;align-items:start}

.side{display:grid;grid-template-columns:repeat(1,1fr);grid-auto-rows:1fr;gap:16px}

.center{display:flex;flex-direction:column;gap:16px;align-items:center}
.center .banner{width:100%;height:440px;border-radius:8px;overflow:hidden;box-shadow:0 10px 30px rgba(2,6,23,0.12)}
.center .banner img{width:100%;height:100%;object-fit:cover;display:block}

.card{background:#00181c;border-radius:8px;padding:12px;box-shadow:0 8px 20px rgba(16,24,40,0.08);display:flex;flex-direction:column}
.card .head{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}
.card .title{font-weight:700;color:#01e1a5;font-size:14px}
.card .price{font-weight:800;font-size:20px;color:#ef6b2f}
.card .period{font-size:12px;color:#1abcd2}
.card .list{margin-top:8px;flex:1}
.card .list li{text-align: center; text-transform: uppercase; font-size:13px;color:#e1f0f2;padding:6px 0; list-style: none; border-top:1px solid #f1f5f9}
.card .btn{display:block;margin-top:10px;background:#07434b;color:#fff;padding:8px;border-radius:6px;text-align:center;text-decoration:none;font-weight:700}

.badge{width:36px;height:36px;border-radius:6px;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px rgba(2,6,23,0.06)}
.badge img{width:28px;height:28px;object-fit:contain}

.center .side-cards{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;width:100%}

@media (max-width:980px){
.layout{grid-template-columns:1fr;}
.center .banner{height:260px}
.side{grid-template-columns:repeat(2,1fr)}
}

@media (max-width:767px){
.layout{grid-template-columns:1fr;}
.center .banner{display: none;}
.side{grid-template-columns:repeat(1,1fr)}
}



.layout_stats{display:grid;grid-template-columns:2fr 2fr 2fr;gap:20px;align-items:start}

.side{display:grid;grid-template-columns:repeat(1,1fr);grid-auto-rows:1fr;gap:16px}

.center{display:flex;flex-direction:column;gap:16px;align-items:center}
.center .banner{width:100%;height:440px;border-radius:8px;overflow:hidden;box-shadow:0 10px 30px rgba(2,6,23,0.12)}
.center .banner img{width:100%;height:100%;object-fit:cover;display:block}

.card{background:#00181c;border-radius:8px;padding:12px;box-shadow:0 8px 20px rgba(16,24,40,0.08);display:flex;flex-direction:column}
.card .head{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}
.card .title{font-weight:700;color:#01e1a5;font-size:14px}
.card .price{font-weight:800;font-size:20px;color:#ef6b2f}
.card .period{font-size:12px;color:#1abcd2}
.card .list{margin-top:8px;flex:1}
.card .list li{text-align: center; text-transform: uppercase; font-size:13px;color:#e1f0f2;padding:6px 0; list-style: none; border-top:1px solid #f1f5f9}
.card .btn{display:block;margin-top:10px;background:#07434b;color:#fff;padding:8px;border-radius:6px;text-align:center;text-decoration:none;font-weight:700}

.badge{width:36px;height:36px;border-radius:6px;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px rgba(2,6,23,0.06)}
.badge img{width:28px;height:28px;object-fit:contain}

.center .side-cards{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;width:100%}

@media (max-width:980px){
.layout_stats{grid-template-columns:1fr;}
.center .banner{height:260px}
.side{grid-template-columns:repeat(1,1fr)}
}

@media (max-width:767px){
.layout_stats{grid-template-columns:1fr;}
.center .banner{display: none;}
.side{grid-template-columns:repeat(1,1fr)}
}

________________________________________________


.homed{
	width: 20%;float: left;padding: 10px;
	
}
.homed_img{
	
	margin: 0px auto; display: table-cell; width: 96px;
}

.plan{
webkit-box-shadow: 4px 4px 8px 0px rgba(34, 60, 80, 0.2);
    -moz-box-shadow: 4px 4px 8px 0px rgba(34, 60, 80, 0.2);
    box-shadow: 4px 4px 8px 0px rgba(34, 60, 80, 0.2);
    padding: 5px;}
	.plan_block{
		
		webkit-box-shadow: 4px 4px 8px 0px rgba(34, 60, 80, 0.2);
    -moz-box-shadow: 4px 4px 8px 0px rgba(34, 60, 80, 0.2);
    box-shadow: 4px 4px 8px 0px rgba(34, 60, 80, 0.2);
    padding: 5px;
	background-color: rgba(1, 62, 57, 0.8);
	} 
	.prem{
		
		width: 19.55%;
  float: left;
  padding: 10px;
background-color: rgba(1, 62, 57, 0.8);
  text-align: center;
  margin: 10px 5px 0px 0px;
	}
	.prem_icon{
		margin: 0px auto; display: table-cell; width: 96px;
	}
	.prem_icon_size{
		font-size: 14px;
	}
	.home_about{
		display: flex; justify-content: space-between; align-items: center;line-height: 25px;background-color: rgba(1, 62, 57, 0.7);
  margin: 10px 5px 0px 0px;padding: 10px;
	}
	.home_about_float{
		text-align: left;
	}
	.home_about_img{
		width: 400px;
	}
	.block_ref{
		background-color: rgba(1, 62, 57, 0.8);padding: 66px 0px 66px 0px;margin: 10px;color: #fff; font-size: 70px;    box-shadow: 0px 5px 15px 5px #002422; margin: 10px 50px 10px 45px;
	}
	.block_ref_prem{
		display: flex; justify-content: space-between; align-items: center;line-height: 25px;background-color: rgba(1, 62, 57, 0.7);
  margin: 10px 5px 0px 0px;
  padding: 10px;
	}
	.block_ref_float{
		text-align: left;
	}
	.block_ref_img{
		width: 400px;
	}
	.paiding_ref{padding: 2px;}
	.block_stats{
		width: 19.55%;
  float: left;
  text-align: center;
  background-color: rgba(1, 62, 57, 0.8);
  margin: 10px 5px 0px 0px;padding: 10px;
	}
	.block_stats_shadow{
		padding: 10px;    -webkit-box-shadow: 4px 4px 8px 0px rgba(34, 60, 80, 0.2);
    -moz-box-shadow: 4px 4px 8px 0px rgba(34, 60, 80, 0.2);
    box-shadow: 4px 4px 8px 0px rgba(34, 60, 80, 0.2);
	}
	.block_stats_icons{margin: 0px auto; display: table-cell;}
	.block_stats_text{text-align: center;display: block;}
	.block_stats_text_date{
		font-size: 24px; text-align: center;display: block;
	}
	.block_menu{box-shadow: 0px 5px 15px 5px #043844; height: 80px;}
	.block_menu_wt{
positio: absolute;

}
.banner_text{text-shadow: 0.1px 1.00px 0 #55c660, 0.3px 1.75px 0 #55c660, 0.5px 2.50px 0 #55c660, 0.7px 3.25px 0 #55c660, 0.9px 4.00px 0 #00822b; text-transform: uppercase; font-size: 40px;font-weight: bold;color: white;-webkit-text-stroke: 2px black; paddin: 10px 40px 10px 10px;}
.banner_text2{text-shadow: 0.1px 1.00px 0 #55c660, 0.3px 1.75px 0 #55c660, 0.5px 2.50px 0 #00872b, 0.7px 3.25px 0 #55c660, 0.9px 4.00px 0 #013e39; text-transform: uppercase; font-size: 80px;font-weight: bold;color: white;-webkit-text-stroke: 2px black; color: #55c660 !important;}
.banner_text3{text-shadow: 0.1px 1.00px 0 #55c660, 0.3px 1.75px 0 #55c660, 0.5px 2.50px 0 #55c660, 0.7px 3.25px 0 #55c660, 0.9px 4.00px 0 #00822b; text-transform: uppercase; font-size: 40px;font-weight: bold;color: white;-webkit-text-stroke: 2px black; padding: 10px 10px 10px 5px;}

.banner_text_stats{box-shadow: 0px 5px 15px 5px #043844;}
.banner_text_stats_left{float: left;
    font-size: 40px;text-align: right;
    width: 50%;    padding: 10px 10px 10px 50px;}
	.banner_text_stats_right{float: right;
    font-size: 40px;    text-align: left;
    width: 50%;    padding: 10px 10px 10px 50px;}
	
	.banner_text_stats_left_top{float: left;
    text-align: right;
    width: 50%;    padding: 10px 10px 0px 0px;}
	.banner_text_stats_right_top{float: right;
        text-align: left;
    widt: 50%;    padding: 10px 30px 0px 0px;}
	
	#menu_acc{
		
		position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  background-color: #222;
  color: white;
  text-align: center;
  padding: 10px 0;
  z-index: 1000;
  box-shadow: 0 -2px 5px rgba(0,0,0,0.3);
  width: 20%;
  margin: 5px auto;
  height: 40px;
	}
	
	.bottom-buttons {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  background-color: #022d29;
  text-align: center;
  padding: 10px 0;
  box-shadow: 0 -2px 5px rgba(0,0,0,0.3);
  display: flex;
  justify-content: center;
  gap: 3px;
  z-index: 1000;
}

.bottom-buttons button {
  width: 14%;
  height: auto;
  background-color: #01807d;
  color: white;
  border: none;
  cursor: pointer;
  border-radius: 5px;
  padding: 10px;
  font-size: 10px;
}

.bottom-buttons button:hover {
  background-color: #036866;
}

.icons_acc{width: 30px;
  height: 30px; margin: 0px auto;}
  
  #plans {
	  font-size: 50px;text-align: center;color: #2cd72c;
  }
  #plans2 {
	 font-size: 30px; color: #0f0;
  }
  
  .cool{color: #43a047;}
  .cool2{color: #ef6b2f;}
  
  .aboutus {
	  width: 24.55%;
  float: left;
  padding: 10px;
  line-height: 25px;
  background-color: rgba(1, 62, 57, 0.7);
  text-align: center;
  margin: 10px 5px 0px 0px;
  }
  .aboutus_web {-webkit-box-shadow: 4px 4px 8px 0px rgba(34, 60, 80, 0.2);
-moz-box-shadow: 4px 4px 8px 0px rgba(34, 60, 80, 0.2);
box-shadow: 4px 4px 8px 0px rgba(34, 60, 80, 0.2);}
.aboutus_img {margin: 0px auto; display: table-cell; width: 128px;}
.aboutus_te {text-align: center;display: block;}
.aboutus_font{font-size: 14px; text-align: center;display: block;}
.faq_tex_f{background-color: rgba(1, 62, 57, 0.7);
  margin: 120px 5px 0px 0px;
  padding: 10px;}
  
  .deposit{font-size: 24px;}
  .depositwal{padding: 10px;
    color: #b9b9b9;
    font-size: 18px;
    text-align: center;}
	.depwa{depositwal}