.product-bannner{height: 600px;position: relative;}
.product-sec{box-sizing: border-box}
.banner-header{
   font-size:  70px;position:  absolute;top: 50%;left:20px;color: #f1f1f1;
  }
  .banner-header:after{content: '';display: block; position: relative;width: 30%; border: 3px solid #fff; margin-top: 20px;}
  .product-category{padding: 50px 0px; background-color: rgb(227, 227, 227);}
  /* .sec-header{padding:40px 0px; } */
  .sec-header span{border-bottom: 4px solid #25508b;}
  /* .category{padding: 10px;} */
  .category a{text-decoration: none; color: #25508b; padding: 20px; text-align: center;}
  /* .category a:hover{color:#04664b ; } */
  a.underline-hover-effect {
    text-decoration: none;
    color: inherit;
  }
  
  .underline-hover-effect {
    display: inline-block;
    /* padding-bottom: 0.25rem; defines the space between text and underline */
    position: relative;
  }
  
  .underline-hover-effect::before {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 0;
    height: 2px;
    background-color: #25508b;
    transition: width 0.25s ease-out;
  }
  .underline-hover-effect:hover::before {
    width: 100%;
  }
  .product-sec{padding: 50px 0px; }
  .sec-heading{padding-left: 3px; font-size: 22px; border-radius: 0px; padding: 10px 20px;}
  /* .product-list{padding: 20px 0px; border-bottom: 2px dashed #1d3f6e;} */
  a{text-decoration: none;}
  /* .product-item{padding: 20px;text-align: center; box-shadow: 10px 10px 20px rgb(212, 209, 209);} */
/* .product-icon img {width:25%;} */
.product{  margin-bottom: 10px; padding: 10px; text-align: left; border-left: 4px solid rgb(184, 182, 182);}
.product p , a{color: #1d3f6e;}
.product:hover p{color: #fff;}
.product p{margin: 0px;}
.product:hover{background-color: #1d3f6e; }
/* .sec-heading .active{background-color: #7895b8;} */
/* #defaultOpen{background-color: #7895b8;} */
.tablinks.active{background-color: #1d3f6e;color:#fff;}
.tablink{padding: 4px 10px;}
.product:hover a{color: #fff;}
.product-title{text-align: left; font-size: 20px;}
.product-title a{text-decoration: none; color: #04664b; }
/* .product-title a:hover{color: #fff;} */
.btn{background-color: transparent;
  text-align: left;
  color: #04664b;
  
  /* border: 3px solid #73AD21; */
  
  
  }
  .logo3{display: none;}
  /* .btn:hover{background-color: #e9e6e6;} */
.tab{width: 25%;float: left; margin: auto 0px;padding-top: 30px;display: grid; }
.tabcontent{width:70%;float: right; padding-top: 80px;}
.main-list{list-style-type: none;}
.sec-heading i{float: right;font-size: 15px;padding-top: 10px;}
.tab-heading span{border-bottom: 2px solid #04664b; color: #1d3f6e;}
/* Style the tab */
/* .tab {
  float: left;
  border: 1px solid #ccc;
  background-color: #f1f1f1;
  width: 30%;
  height: 300px;
} */

/* Style the buttons inside the tab */
/* .tab button {
  display: block;
  background-color: inherit;
  color: black;
  padding: 22px 16px;
  width: 100%;
  border: none;
  outline: none;
  text-align: left;
  cursor: pointer;
  transition: 0.3s;
  font-size: 17px;
} */

/* Change background color of buttons on hover */
/* .tab button:hover {
  background-color: #ddd;
} */

/* Create an active/current "tab button" class */
/* .tab button.active {
  background-color: #ccc;
} */

/* Style the tab content */
/* .tabcontent {
  float: left;
  padding: 0px 12px;
  border: 1px solid #ccc;
  width: 70%;
  border-left: none;
  height: 300px;
} */
/* .main-list li {display: inline;} */
@media only screen and (max-width:767px){
  .product-list h4{margin: 0px; padding: 0px;}
  .logo3{display: block;}
  .banner-header{display:none;} 
  .product-bannner{height:150px;}
  .logo2{display: none;}
  .tab{display: inline-flex;
    white-space: nowrap;
    overflow: auto;
    width: 100%;}
  .tab h5{border-radius: 20px; font-size:18px;}
  .tab h5 i{display: none;}
  .tabcontent{width: 100%; padding-top: 20px; }
  .main-list{padding:0px}
  .product-title{font-size: 15px;font-weight: 500;}
  .product p{font-size: 13px;}

}