@import url('https://fonts.googleapis.com/css2?family=Roboto+Condensed:wght@300;400;700&display=swap'); 
 @import url('/fonts/red-hat/style.css'); 
.cool-grid .product-list .price {font-size:17px; font-weight:600; color:#000;;  }
.cool-grid .button4_green {display: inline-block;
    cursor: pointer;
     border-radius:8px;
    padding: 13px;
padding-top:10px;
padding-bottom:10px;
    color: #fff;
    background: #00b140;
    font-weight: 600;;  }
.cool-grid .gutters-5 > [class*="col-"] {padding-right: 5px;  padding-left: 5px;;  }
.cool-grid .gutters-5 {margin-right: -5px;  margin-left: -5px;;  }
.cool-grid .button3:hover {color: #00b140;
background: #e3f9ff;;  }
.cool-grid .home-head5 {color:#e3f9ff; line-height:1.4; font-size:min(4vw,32px); font-weight:600;;  }
.cool-grid .button3 {display: inline-block;
border: solid 2px #e3f9ff;
border-radius:  3px;
padding: 13px;
font-size: 18px;
letter-spacing:1px;
font-weight: 600;
line-height: 17px;
color: #e3f9ff;
background: transparent;;  }
.cool-grid h1 {letter-spacing: 2px;
font-family: 'Red Hat Display Regular',sans-serif;
font-weight: 600;
font-size: min(3.8vw, 42px);;  }
.cool-grid .page-head-line2 {overflow: hidden;
text-align: left;
white-space: nowrap;
letter-spacing: 2px;
font-weight: 600;
font-size: 1.6rem;
color:#00b140;
font-size:18px;
font-family: 'Red Hat Display Regular';;  }
.cool-grid .page-head2 {letter-spacing: 2px;
height:max-content;
font-weight: 600;
border-left: 4px solid #00b140;
padding-left: 8px;
margin-left: -12px;
font-size: 1.6rem;
margin-bottom: 30px;
margin-top: 30px;
color:#00b140;
font-size:18px;
font-family: 'Red Hat Display Regular';;  }
.cool-grid .page-head-line2:after {background-color: #b2e7c5;
content: "";
display: inline-block;
height: 1px;
position: relative;
vertical-align: middle;
 width: 100%;
left: 0.5em;;  }
.cool-grid .home-head4 {color:#10387d; line-height:1.2; font-size:17px; font-weight:400;;  }
.cool-grid .home-head3 {color:#1f1a16; line-height:1.2;  font-size:37px; font-weight:400;  
;  }
.cool-grid .home-head2 {color:#00b140; line-height:1.2;  font-size:18px; font-weight:600;  
;  }
.cool-grid .button1 {display: inline-block;
border:0;
border-radius:  3px;
padding: 5px;
font-size: 11px;
font-weight: 400;
line-height: 11px;
color: #ffffff;
text-align:center;
background: #d90e16;;  }
.cool-grid .product-list .lead {font-size:15px; font-weight:300; color:#555;;  }
.cool-grid .product-list h2 {font-size:16px; font-weight:600; color:#000; line-height:1.2; display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;  
  overflow: hidden; height:40px; ;  }
.cool-grid .product-list .img-box {display:flex;  justify-content: center; align-items: center; height:min(30vw, 250px);  border:solid 2px #ebebeb;;  }
.cool-grid .text-over-img {color:#fff;text-align:center;font-weight:400; font-size:18px;text-shadow: 2px 1px #333;
text-align:center;background:rgba(0,0,0,0.5); display:inline-block;
padding:10px; border-radius:5px;  font-weight: 400 !important; 
;  }
.cool-grid .tac {text-align:center;  }
.cool-grid  {  color: #000;
  font-weight: 300 ;
  font-family:   'Red Hat Display Regular', Roboto;
  line-height: 1.4;
  font-size:17px;
  -webkit-text-size-adjust: none;;  }
.cool-grid img {max-width: 100%;;  }
.cool-grid .home-head {color:#10387d; line-height:1.1; 
font-size:40px; font-weight:600;;  }
.cool-grid .BoxContent {max-width:1200px;  position:relative; margin-left: auto; margin-right:  auto; text-align:left; ;  }
.cool-grid h2 {color: #000;
  font-size: 28px;

  line-height: 1;

  font-weight: 600;

  margin:0; padding:0;  }
.cool-grid h3 { color:#00b140; font-size:18px; font-weight: 600; margin: 0; padding:0; margin-bottom:5px; line-height:1.2
;  }
.cool-grid p {margin:0 !important;;padding:0 !important;;  }
.cool-grid .button2 {display: inline-block;
border:0;
border-radius:  3px;
padding: 15px;
font-size: 22px;
font-weight: 500;
line-height: 17px;
color: #ffffff;
background: #d90e16;;  }
@media (min-width: 100px)  and  (max-width: 575px) { .BoxContent {padding-left:15px; padding-right:15px;}
 [class*="Grid"] { grid-template-columns: auto !important; grid-column: auto / auto !important }
 [class*="Render"] { grid-template-columns: auto !important; grid-column: auto / auto !important }

.Grid163 { grid-gap:30px !important;};  }
@media (min-width: 576px)  and  (max-width: 1264px) { .BoxContent {padding-left:15px; padding-right:15px;}
  ;  }