/*product page css*/
section.main-container{
  background-color: #F8F8F8;
}

.productDetailSection {
 padding-top: 4rem;
 padding-bottom: 2rem;
}
.imageSectionSM img{
height: 100%;
max-width:  160px;
}
.productDetailSection .headerSection{
  margin-top: 1rem;
 margin-bottom: 1.5rem;
}
.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 .rtSecionDetails{
 width: 152px;
 height: 205px;
}
.productDetailSection .DetailsHeader .rtSecionDetails img{
 width: 152px;
 height: 250px;
}
.mapImg img{
 width: 540px;
 height: 340px;
}
/*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;
}

.imageSectionSM {
  height: 45px;
} 

.productDetailSection .DetailsHeader .lftSectionDetails .imageSectionSM img {
  margin: 0 1rem 1rem 0;
}
/*mobile responsive code */
@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;
}
 .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;
}
.headerSection h2{
 font-size: 24px;
}
.productDetailSection .DetailsHeader .lftSectionDetails{
 width: 100%;
}
.productDetailSection .DetailsHeader .rtSecionDetails{
 display: none;
}
.productDetailSection .valueSection .alertCLR,.productDetailSection .valueSection{
 font-size: 16px;
}
.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;
}

.imageSectionSM {
  height: 45px;
  margin-top: 20px;
}
}
@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: 767px){
.productDetailSection .headerSection h1 {
  font-size: 44px;
}
.productDetailSection .DetailsHeader .rtSecionDetails img{
  height: 236px;
}
}
@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;
 }
}