/*product page css*/
section.main-container{
    background-color: #F8F8F8;
 }
 
 .productDetailSection {
   padding-top: 4rem;
   padding-bottom: 2rem;
 }
 .imageSectionSM img{
   height: 100%;
 max-width:  160px;
 margin-bottom: 12px;
 }
 .productDetailSection .headerSection{
   margin-bottom: 1.5rem;
   margin-top: 1rem;
 }
 .productDetailSection .headerSection h1{
   color: #444444;
   margin-bottom: 1rem;
   font-size: 64px;
 }
 .productDetailSection .headerSection a{
   color: #00703c;
   font-size: 24px;
   font-weight: 600;
  position: relative;
  font-family: "Lato";
 }
 .productDetailSection .headerSection a::after{
   content: ">";
   position: absolute;
   width: 10px;
   height: 10px;
   right: -15px;
   top: -1px;
   color: #00703c;
 }
 .productDetailSection .valueSection {
   display: flex;
   border-top: 2px solid #2D5533;
   font-size: 24px;
   padding-top: 0;
   line-height: 2.5;
 }
 .productDetailSection .valueSection .alertCLR{
   padding-right: 2rem;
   color: #E7133E !important;
 }
 .productDetailSection .valueSection .baseCLR{
   padding-left: 1rem;
   position: relative;
    font-weight:bold;
   color: #00703c;
 }
 .productDetailSection .valueSection .baseCLR::after{
   position: absolute;
   content: "|";
   width: 10px;
   height: 10px;
   left: 0;
   color: #00703c;
 }
 .productDetailSection .contentSection{
   border-top: 2px solid #2D5533;
   padding: 2rem 0;
 }
 .productDetailSection .contentSection h3{
   color: #444444;
   font-size: 32px;
   margin-bottom: 1rem;
   font-weight: 600;
 }
 .productDetailSection .listContent{
   border-bottom: 2px solid #2D5533;
   color: #444444;
   font-size: 18px;
   font-family: "lato";
  padding-bottom: 1.5rem;
 }
 .productDetailSection .areaMapSection{
   text-align: center;
 }
 .productDetailSection .areaMapSection h3{
   color: #444444;
   padding: 2rem 0;
   font-size: 32px;
 }
 .productDetailSection .customTabssection .tabsData{
   display: flex;
   justify-content: center;
   border-bottom: 1px solid #E8E8E8;
   width: 50%;
   align-items: center;
   margin: auto;
   padding: 1rem;
 }
 .productDetailSection .customTabssection .tabsData:last-child{
   border-bottom: 0;
 }
 .productDetailSection .customTabssection .tabs{
   background-color: #E8E8E8;
   color: #444444;
   display: flex;
   justify-content: space-between;
 }
 .productDetailSection .customTabssection .tabs-title.is-active>a:focus, .tabs-title.is-active>a[aria-selected=true],
 .productDetailSection .customTabssection .tabs-title.is-active>a{
   background: #2D5533;
   color: #fff!important;   
 }
 .productDetailSection .customTabssection .tabs-title>a{
   color: #444444;
   background-color: #E8E8E8;
   font-size: 24px;
 }
 .productDetailSection .customTabssection .tabs-title>a:hover{
   background-color: transparent;
   color: #444444;
 }
 .productDetailSection .customTabssection .dataTile{
   font-size: 22px;
   font-family: "Lato";
   font-weight: bold;
   text-align: right;
     width: 49%;
 }
 .productDetailSection .customTabssection .tabsData .dataTitle{
   font-size: 22px;
   font-family: "Lato";
   padding-right: 12px;
   width: 50%;
   text-align: right;
 }
 .productDetailSection .customTabssection .tabsData .dataResult{
   font-size: 22px;
   font-family: "Lato";
   font-weight: bold;
   width: 50%;
 }
 .productDetailSection .customTabssection{
  margin:1rem 0 2rem;
 }
 .productDetailSection .DetailsHeader {
   display: flex;
 }
 .productDetailSection .DetailsHeader .lftSectionDetails{
   width: 88%;
 }

 .productDetailSection .DetailsHeader .lftSectionDetails .imageSectionSM img {
  margin: 0 1rem 1rem 0;
  }

 .productDetailSection .DetailsHeader .rtSecionDetails{
   width: 152px;
   height: 212px;
 }
 .productDetailSection .DetailsHeader .rtSecionDetails img{
   width: 152px;
   height: auto;
 }
.imageSectionSM{
  height: 45px;
}
 .mapImg img{
   width: 540px;
   height: auto;
 }
 /*End*/
 .headerSection h2{
 font-size: 32px;
 font-weight: 600;
 color: #00703c;
 }
 .tblData.img-section img{
 max-height: 30px;
   max-width: 70px;
   margin-right: 10px;
 }
 
 .productDetailSection .customTabssection .tabsData .static-hint .txt-hint{
   justify-content: space-between;
   display: flex;
   font-size: 14px;
 }
 .productDetailSection .customTabssection .tabsData .static-hint .txt-hint span:first-child{
   font-weight: 600;
 }
 .thirdTabSec{
   display: flex;
 }
 .thirdTabSec .labelHeadData{
   font-size: 23px;
   color: #444444;
 }
 .thirdTabSec .left-data,.thirdTabSec,.thirdTabSec .right-data{
   padding: 1rem;
 }
/* .thirdTabSec .left-data,.thirdTabSec .right-data{ width: 50%;} */
 .customTabssection .static-hint {
   width: 180px;
 }
 /*mobile responsive code */
 @media screen and (min-width: 640px) and (max-width: 767px) { 
  .productDetailSection .headerSection h1{
    font-size: 44px;
  }
}

 @media screen and (max-width: 639px) {  
   .thirdTabSec .left-data,.thirdTabSec .right-data{ width: 100%;}
   .productDetailSection .customTabssection .tabs{
     display: block;
   }
   .thirdTabSec{
     display: block;
   }
   .imageSectionSM{
    border-bottom: 2px solid #2D5533;
    height: 45px;
    margin-top: 20px;
 }
  .productDetailSection .contentSection h3{
    line-height: 22px;
    margin-bottom: 0;
  }
   .customTabssection .static-hint {
     width: 200px;
   }
   .thirdTabSec .left-data,.thirdTabSec,.thirdTabSec .right-data{
     padding: 5px;
   }
   .productDetailSection .customTabssection .dataTile{
     width: 100%;
     text-align: center;
     margin-top: 5px;
   }
   .productDetailSection .headerSection h1{
     font-size: 24px;
   }
   .customTabssection .tabs-panel{
     padding: 0;
   }
 .row.productDetailSection{
   margin: 1rem;
 }
  .productDetailSection .contentSection{
  padding: 1.5rem 0;
  }
 .headerSection h2{
   font-size: 24px;
 }
 .productDetailSection .DetailsHeader .lftSectionDetails{
   width: 100%;
 }
 .productDetailSection .DetailsHeader .rtSecionDetails{
   display: none;
 }
 .productDetailSection .valueSection .alertCLR,.productDetailSection .valueSection{
   font-size: 14px;
 }
 .productDetailSection .valueSection .alertCLR{
   padding-right: 5px;
 }
 .productDetailSection .contentSection h3{
   font-size: 16px;
 }
 .productDetailSection .listContent,.hintTxt{
   font-size: 12px;
 }
 .productDetailSection .areaMapSection h3{
   padding: 1rem 0 0 0;
 }
 .customTabssection .tabs-title{
   width: 100%;
 }
 .productDetailSection .customTabssection .tabs-title>a:hover,.productDetailSection .customTabssection .tabs-title>a{
   font-size: 16px;
 }
 .productDetailSection .customTabssection .tabsData{
   width: 100%;
 }
 .productDetailSection .customTabssection .tabsData .dataTitle,.productDetailSection .customTabssection .tabsData .dataResult{
   font-size: 16px;
   width: 100%;
 }
 .home-banner h1{
   left: 0;
 }
 .imgSecValue.imgText{
   font-size: 12px;
 }
 .thirdTabSec .labelHeadData{
   font-size: 14px;
 }
 }
 @media screen and (min-width: 640px) and (max-width: 765px) {
    .productDetailSection .valueSection .alertCLR{
       /* line-height: 1.5;*/
    }
  .productDetailSection .valueSection{
    font-size: 18px;
  }
 }
 @media screen and (min-width: 640px) and (max-width: 1279px) {
   .productDetailSection{
      padding-left: 2rem;
      padding-right: 2rem;
 
   }
   .productDetailSection .customTabssection .tabs-title>a{
    font-size: 18px;
    line-height: 1.2;
    }
   .productDetailSection .customTabssection .tabsData{
     width: 70%;
   }
   .thirdTabSec .labelHeadData{
     font-size: 18px;
   }
 }
 @media screen and (min-width: 640px) and (max-width: 767px) {
  .productDetailSection .DetailsHeader .rtSecionDetails img{
    height: 235px;
  }
}