<!-- start Simple Custom CSS and JS -->
<style type="text/css">
.container {
  max-width: 1200px;
  margin: auto;
  padding: 20px;
}

h1 {
  text-align: center;
  color: #1d5fa7;
}

.calculator {
  display: flex;
  gap: 30px;
}

.form-box {
  width: 35%;
  background: #0d5c9e;
  padding: 20px;
  border-radius: 12px;
  color: #fff;
}

.form-box label {
  display: block;
  margin-top: 15px;
}

.form-box input {
  width: 100%;
  padding: 8px;
  margin-top: 5px;
}

button {
  margin-top: 20px;
  width: 100%;
  padding: 12px;
  background: #fff;
  border: none;
  cursor: pointer;
  font-weight: bold;
}

.result-wrapper {
  width: 65%;
  background: #f1f6fb;
  padding: 30px;
  border-radius: 16px;
}

.result-title {
  color: #1d5fa7;
}

.products-container {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 40px;
}

.product-card {
  width: 260px;
  background: #eaf1f7;
  border-radius: 14px;
  padding: 20px;
}

.img-box {
  background: #eef3f8;
  padding: 20px;
  border-radius: 12px;
  text-align: center;
  margin-bottom: 15px;
}

.img-box img {
  max-width: 140px;
}

.product-card p {
  font-size: 14px;
  color: #6c7a89;
  margin: 6px 0;
}

/* Divider */
.divider {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.divider span {
  width: 1px;
  height: 80px;
  background: #cfd8e3;
}

.or-text {
  margin: 8px 0;
  font-size: 13px;
  color: #8a97a6;
}

/* Animation */
.animate {
  animation: pulse 0.4s ease;
}

@keyframes pulse {
  0% {
    transform: scale(1);
  }

  50% {
    transform: scale(1.15);
  }

  100% {
    transform: scale(1);
  }
}/* Add your CSS code here.

For example:
.example {
    color: red;
}

For brushing up on your CSS knowledge, check out http://www.w3schools.com/css/css_syntax.asp

End of comment */ 
.covCalculator .container{box-shadow:none;padding:60px 0}
.covCalculator .calculator{width: 100%;}
.covCalculator .form-box{width:32%;border-radius: 16px;padding: 52px 25px 30px 41px;background:#105b9c}
.covCalculator .form-box .calc_left_top {padding-bottom: 10px;border-left: 1px dashed #44C991;padding: 0 0 36px 32px;position: relative;}
.covCalculator .form-box .calc_left_top:last-child{border:none;/* padding-top:0; */margin-top: -30px;margin-top: -30px;}
.covCalculator .form-box .calc_left_top:last-child .pro_count{background:#fff;color:#105b9c}
.covCalculator .form-box .calc_left_top .pro_count{background: #44C991;color: #fff;position: absolute;left: -17px;width: 32px;display: flex;height: 32px;border-radius: 50%;font-size:16px;justify-content: center;align-items: center;top: -7px;}
.covCalculator .form-box label{    margin-bottom: 10px;font-size: 14px;}
.covCalculator .form-box .wid_in{position:relative}
.covCalculator .form-box input{margin-bottom: 10px;border: 1px solid #fff;padding: 11px 15px 10px 26px;color:#fff;font-weight: 500;outline: none;font-size: 13px;background:transparent}
.covCalculator .form-box input:hover[type=number]::-webkit-inner-spin-button {-webkit-appearance: none;margin: 0}
.covCalculator .form-box .wid_in span.inpt_type{color: #fff;font-size: 14px;position: absolute;top: 16px;padding: 0px 0px 0px 10px;border-left: 1px solid #fff;right: 13px;}
.covCalculator .form-box .calc_left_top button{margin: 10px 0 0;color: #105b9c;background: #fff;font-size: 14px;border: 1px solid #fff;border-radius: 4px;border: 1px solid #fff;padding: 10px 25px;transition: .3s linear;font-weight:100}
.covCalculator .form-box .calc_left_top button:hover{background:#105b9c;color:#fff}
.covCalculator .result-wrapper{padding: 17px 30px;border-radius: 16px;width:68%}
.covCalculator .result-wrapper h3{margin-bottom: 20px;padding-bottom: 15px;border-bottom: 2px solid rgb(16 91 156 / 10%);font-size: 20px;}
.covCalculator .result-wrapper hr{display:none}
.covCalculator .result-wrapper .products-container{justify-content: flex-start;}
.covCalculator .result-wrapper .product-card{width: 29.3%;background: transparent;padding: 0;}
.covCalculator .result-wrapper .product-card .img-box{background: rgb(16 91 156 / 5%);text-align: center;padding: 41px 29px;min-height: 223px;max-height: 223px;}
.covCalculator .result-wrapper .product-card  h4{font-size: 14px;color: #2C3941;margin: 16px 0 8px;font-weight:600}
.covCalculator .result-wrapper .product-card p{color: rgb(44 57 65 / 50%);font-size: 14px;font-weight:400;margin-bottom:10px}
.covCalculator .result-wrapper .product-card p:last-child{margin:0}
</style>
<!-- end Simple Custom CSS and JS -->
