* {
   margin: 0;
   padding: 0;
   box-sizing: border-box;
   }
   body {
   background-color: #052034;
   }
   .ev-box {
   max-width: 1140px;
   margin: 20px auto;
   /* padding: 18px; */
   border-radius: 10px;
   background: #00060e;
   /* border: 1px solid #e2e2e2; */
   box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
   font-family: Arial, Helvetica, sans-serif;
   color: #111;
   text-align: left;
   }
   .ev-box h2 {
   /* margin: 0 0 12px 0; */
   padding-bottom: 6px;
   border-bottom: 1px solid #444;
   text-align: center;
   padding: 20px;
   color: #fff;
   }
   /* .ev-grid {
   display: grid;
   grid-template-columns: repeat(2, 1fr);
   gap: 12px;
   margin-top: 14px;
   } */
   .ev-grid label {
   display: block;
   font-weight: 600;
   margin-bottom: 6px;
   font-size: 13px;
   color: #fff;
   }
   .ev-grid input[type="number"],
   .ev-grid select {
   width: 100%;
   box-sizing: border-box;
   padding: 12px;
   border: 1px solid #444;
   background-color: #1a3151;
   color: #e0e0e0;
   border: 1px solid transparent;
   border-radius: 6px;
   font-size: 14px;
   }
   .ev-range {
   display: flex;
   align-items: center;
   gap: 10px;
   }
   .ev-output {
   background: #1a3151;
   padding: 20px;
   border-radius: 8px;
   margin-top: 16px;
   /* border: 1px solid #eee; */
   }
   .ev-row {
   display: flex;
   gap: 12px;
   flex-wrap: wrap;
   }
   .ev-card {
   flex: 1;
   min-width: 220px;
   background: #006bff;
   color: #fff;
   padding: 15px;
   border-radius: 8px;
   border: 1px solid #333;
   box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);
   }
   .small {
   font-size: 11px;
   color: #f6f6f6;
   }
   .result-figure {
   font-weight: 700;
   font-size: 16px;
   margin-top: 6px;
   }
   .note {
   font-size: 13px;
   color: #ccc;
   margin-top: 8px;
   }
   /*csss */
   .section-devider {
   padding: 25px 30px;
   border-bottom: 1px solid #444;
   }
   .grid-container {
   display: grid;
   grid-template-columns: 1fr 1.5fr;
   gap: 30px;
   }
   .ev-grid label {
   margin-top: 15px;
   }
   .ev-total-row {
   display: flex;
   gap: 12px;
   flex-wrap: wrap;
   }
   .ev-range input[type="range"] {
   flex: 1;
   width: 100%;
   background-color: #0c2949;
   }
   .ev-card:nth-child(3) {
   grid-column: span 2;
   }
   .Calculate_Btn {
   text-align: center;
   }
   .Calculate_Btn button {
   font-size: 14px;
   width: 100%;
   background-color: #0064ff;
   padding: 14px;
   border-radius: 6px;
   color: #fff;
   padding: 12px 14px;
   border-radius: 6px;
   border: 0;
   cursor: pointer;
   }
   .section-title {
   margin: 0px 0 20px;
   color: #1b8eff;
   font-size: 20px;
   font-weight: 600;
   }
   .ev-range-value {
   min-width: 40px;
   text-align: center;
   font-weight: 600;
   color: #fff;
   }
   .ev-total-row.firstrow .ev-card {
   min-width: 174px !important;
   }
   input:focus,
   select:focus {
   border: 1px solid #006bff !important;
   outline: none !important;
   box-shadow: none !important;
   }
@media(max-width:767px){
	.grid-container {
    grid-template-columns: 1fr;
}
	#evProjectionChart{height:auto !important;}
}