/* SearchPage */
.searchbox
{
  width:100%;
  height:227px;
  border-bottom:1px solid #E4E4E4;
}
.search-box-height
{
  height:278px;
}

.keywordsearch
{
  display:flex;
  width:100%;
  height:64px;
}
.keywordsearch ::placeholder
{
  color: #CCCCCE;
}
.keysearchtext
{
  width:76%;
  height:42px;
  border-radius:8px;
  border:1px solid #E4E4E4;
  background-color: #F4F5F7;
  padding-left:10px;
}

.keysearchbutton
{
  width:17.5%;
  height:46px;
  margin-left:1.9%;
  border-radius:9px;
  color:white;
  cursor:pointer;
  align-content: center;
  justify-content: center;
  flex-wrap: wrap;
}
.searchWord
{
  letter-spacing: 1.6px;
  margin-left: -9px;
  font-size:14.5px;
  font-weight: bold;
  color:white!important;
}
.keywordtags
{
  width:650px;
  height:48px;
}

.singlekeywordtags
{
  width:54px;
  height:29px;
  border:1px solid #666666;
  color:#666666;
  font-weight: bold;
  border-top-left-radius: 15px; /* Rounded top-left corner */
  border-bottom-left-radius: 15px; /* Rounded bottom-left corner */
  border-top-right-radius: 15px; /* Rounded top-right corner */
  border-bottom-right-radius: 15px; /* Rounded bottom-right corner */
  text-align: center;
  font-size: 14px;
  padding-top:0px;
  background-color: white;
  cursor:pointer;
}

.searchdiv
{
  cursor: pointer;
}

.banner-container
{
  display:inline-block;
  width:92%;
  height:68px;
  padding:15px 4% 15px 4%;
}

.advancesearcharr{
  margin-left: 9px;
  position: relative;
  top:1px;
}
.searchbytab
{
  width:348px;
  height:50px;
}

.searchtext
{
  height:32px;
  width:100%;
  padding-top:20px;
  font-size:20px;
  letter-spacing: 0.6px;
}
.searchbycategory
{
  width:122px;
  height:37px;
  padding-top:8px;
  border:1px solid #CFCFCF;
  color:#838383;
  padding-left:9px;
  background-color: #F4F5F7;
  border-radius: 5px;
  cursor:pointer;
}

.keywordtags button:not(:first-child) {
  margin-left:10px;
}
.searchbytab button:not(:first-child) {
  margin-left:11px;
}

.searcharticle
{
  border-bottom:1px solid #E4E4E4;
  /* border-top:1px solid #E4E4E4; */
}

.articlediv
{
  width:100%;
}
.articleimage
{
  /* border: 1px solid #e4e4e4; */
  width:35%;
  height:160px;
  border-radius:10px;
}
.searchpagetag
{
  position:relative;
  background-color:white;
  bottom:52px;
  right:10px;
  float:right;
  height:16px;
  text-align:center;
  font-size: 11px;
  color: white;
  border-radius: 15px;
  width:auto;
    padding: 3px 10px 5px 10px;
    border: 1px solid white;
    display: flex;
    cursor: pointer;
    font-weight: 600;
}
.width100
{
  width: 100%;
}
.articledescription
{
  margin-left:2%;
  width:63%;
  padding-top:1%;
  padding-bottom: 2%;
}
.searchsupplier
{
  height:539px;
  border-bottom: 1px solid #E4E4E4;
}
.suppliertitle
{
  height:12px;
  padding-top:20px;
  font-weight:bold;
  font-size:20px !important;
  letter-spacing:0.5px;
}
.supplier-innertitle
{
  height:16px;
  padding-left:17px;
  padding-top:15px;
}
.innersupplier
{
  width:31%;
  height: 223px;
  background-color: #F4F5F7;
  margin-right:2%;
  border-radius: 10px;
  float: left;
  position: relative;
  margin-top:15px;
}
.inneruppersupplier
{
  height:133px;
  border:1px solid #F4F5F7;
 border-radius: 10px;
 width:99.5%;
}
.innerlowersupplier
{
  width:100%;
  height:90px;
}
.searchsupplier > div:first-child {
 
  font-weight: bold;
  font-size: 18px;
  letter-spacing: 0.5px;
  margin-bottom: 10px;
}
.supplier-container {
  justify-content: center;
  width: 100%;
  position:relative;
  float: left;
}

.articletabhead
{
    height:18px;
    padding-top:18px;
    padding-bottom: 18px;
    font-size:20px;
    /* letter-spacing:0.5px */
}

.articlecontentdiv
{
    /* height:161px; */
    height:auto;
    margin-bottom:15px;
}
.searcharticleimg
{
   /* object-fit: contain; */
   height:100%;
    margin-bottom:15px;
}
.arttitle
{
    margin-top:1%;
    height:33px;
    font-size:16px;
    line-height:1.1;
}
.artdescription
{
    margin-top:4%;
    font-size:14px;
    line-height:1.5;
    color:#666666;
}
.blue-bullets {
  list-style-type: none;
  padding-left: 20px;
}
.blue-bullets li:before {
  content: "●"; /* Unicode character for bullet point */
  color: #005897; /* Color of the bullet point */
  display: inline-block;
  font-size: 0.8em; /* Decrease the size of the bullet point */
  width: 1em; /* Adjust as necessary */
  margin-left: -1em; /* Adjust to align with text */
}
/* Mobilesearchpage */
.mobsearchpage
{
  height:249px;
  width:93%;
  margin:auto;
  border-bottom:1px solid #E4E4E4;
  max-width:100%;
}
.mobsearch-box-height
{
  height:370px;
}
.mobsearchbox{
height:335px;
}
.mobsearch
{
  width:100%;
  height:41px;
  padding-top: 20px;
  position: relative;
  font-weight: bold;
}
.mobsearchkey
{
  width:100%;
  height:61px;
}
#mobkeysearch
{
  height:42px;
  border:1px solid #EAEAEB;
  width:95%;
  left:-2px;
  position: relative;
  border-radius: 10px;
  background-color: #F4F5F7;
  text-indent: 6px;
  
}
#mobkeysearch ::placeholder
{
  color:#BFBFC0;
}
.mobkeywordtags
{
  height:88px;
}
.mobsinglekeywordtags
{
  background-color: white;
  height:51px;
  border:1px solid #CFCFCF;
  color:#666666;
  font-weight: bold;
  border-top-left-radius: 25px; /* Rounded top-left corner */
  border-bottom-left-radius: 25px; /* Rounded bottom-left corner */
  border-top-right-radius: 25px; /* Rounded top-right corner */
  border-bottom-right-radius: 25px; /* Rounded bottom-right corner */
  /* text-align: center; */
  font-size: 15px;
  padding-top:0px;
  margin-right:7px;
  cursor:pointer;
  display: flex;
  justify-content: center;
  align-content: center;
  align-items: center;
}

.mobkeysearchbutton
{
  width:48%;
  height:46px;
  border-radius:5px;
  color:white!important;
  border-bottom:10px;
  justify-content: center;
  align-items: center;
}

.mobsearchbytab
{
  width:100%;
  height:46px;
}

.mobsearchclr
{
  color: white!important;
}

.mobsearchbycategory 
{
  border:1px solid #CFCFCF;
  color:#838383;
  padding-left:9px;
  width:47%;
  height:42px;
  margin-right:3%;
  margin-top:17px;
  border-radius: 5px;
  cursor:pointer
}

.mobsearcharticle
{
 width:93%;
 height:auto;
 margin:auto;
}

.mobarticleimage
{
  width:40%;
  height:83px;
  border-radius: 10px;
}
.mobarticledescription
{
  width:60%;
  height:94px;
  margin-left:17px;
}
.mobarticlediv
{
  height:111px;
  width:100%;
  border-bottom:1px solid #E4E4E4;
}
.twofititle
{
  height:20px;
  padding-top:20px;
  font-weight:bold;
  font-size:20px;
  letter-spacing:0.5px
}
.twofiimgdiv
{
  height:470px;
  width:100%;
  display:flex;
  padding-top:20px
}
.twofiimage
{
  width:48%;
  height:470px;
  margin-right:3%
}
.twofihead
{
  width:48%;
  margin-top:2%
}
.twofimonth
{
  height:18px;
  margin-top:2%
}
.twoficonttitle
{
  height:20px;
  margin-top:5%
}
.searchtwofi
{
  font-size:14px;
  margin-bottom:7%;
  color:#838383
}

@media screen and (max-width:400px) {
  .twofisearch{
    width:calc(100% - 10px);
  }
}
.bottomborder
{
  border-bottom: 1px solid #e4e4e4!important;
}
 .bannercontainerbox-banner-container {
 
  padding: 15px 4% 15px 4%;
  top: 0px;
  bottom: 0px;
  position: fixed;
  width: 100%;
  text-align: center;
} 
@media screen and (max-width: 434px) {
  .responsepopupicon
  {
    top: -320px !important;
    right: -143px !important;
  }
}