/*Right content*/
.sidebanner-container
{
    width:20%;
    margin-left:35px;
}

@media screen and (min-width: 3000px) {
  .sidebanner-container {
    margin-left: 70px !important;
  }
}

.button-news{
  border-radius:10px !important;
 
    
  
}

img.highlightimage.rec-size, 
img.homemultiimg, 
img.analimg, 
img.sidewebinar-image, 
img.twittericon, 
img.linkedin, 
img.rss_header, 
img.google_news
{
  aspect-ratio: auto 3/2;
}

.logoalign{
  aspect-ratio: auto 150/49;
}

.ingredient-imagediv img:first-child,
.ingredient-logo img:first-child,
.footerlogo img:first-child,
.stickylistitems img:first-child{
  aspect-ratio: auto 3/2;
}

.leftcontentsubscribemail::placeholder {
  color:#a0a1a2;
 font-size: 12px; 
 font-weight:500;

}

 
.side-banner1
{
   max-height:210px;
   margin-bottom: 14px;
   max-width: 210px;
}
 
.side-banner2
{
     height:600px;
    margin-bottom: 16px;
    width: 210px;
}
 
.side-banner3
{
     height:320px;
    margin-bottom: 16px;
     width: 210px;
}

.sidebanner-image
{
    border-radius: 8px;
    /*width: 100%;
    height:100%;*/
}

.sidewebinar-container
{
    border-radius: 8px;
    margin-bottom: 16px;
    width:100%;
    width: 210px;
}

.sideupcoming-header
{
    height:28px;
    width:100%;
    color:white;
    border-radius: 5px 5px 0px 0px;
    text-align: center;
    font-size: 14px;
    padding-top:2px;
    align-content: center;
   
}

.sideupcoming-parahead
{
    display: inline;
}

.sidewebinar-contentdiv
{
    background-color:#F4F5F7 ;
    width:84%;
    padding: 8% 8% 10% 8%;
    border-bottom: 1px solid #E4E4E4;
    cursor: pointer!important;
}

.sidewebinar-heading
{
    display: inline;
    font-size: 14px;
    font-weight: bold;
}

.sidewebinar-image
{
    margin-top: 8px;
    border-radius: 8px;
    width: 100%;
    cursor: pointer;
}

.sideupcoming-register
{
    background-color: transparent;
    border:none;   
    display: flex;
    font-weight: bold;
    padding: 0px;
    font-size: 14px;
    margin-top: 10px;
    cursor: pointer;
    
}

.sideupcoming-all
{
    background-color: transparent;
    border:none;   
    display: flex;
    font-weight: bold;
    padding: 0px;
    font-size: 14px;
    cursor: pointer;
    margin-top:5px;
}

.sidewebinar-content
{
    font-size: 14.4px;
    color: #666666;
    margin-top: 5%;
    margin-bottom: 0%;
    line-height:1.4
}

.sidewebinar-subcontent
{
    font-size: 12px;
    color: #666666;
    margin-top: 5%;
    margin-bottom: 0%;
    font-weight: bold;
}
@-moz-document url-prefix() {
  .sidewebinar-subcontent {font-size:11px;}
}
.sidewebinar-headcontent
{
    font-size: 14px;
    font-weight: bold;
    margin-top: 3%;
    margin-bottom: 0%;
}

.register-gobtn
{
    margin-top: 3px;
    margin-left: 5px;
    top: 0px;
    position: relative;
}

.sideupcoming-footer
{
    background-color:#F4F5F7 ;
    height:auto !important;
    width:84%;
    padding: 10px 8% 10px 8%;
    border-radius: 0px 0px 5px 5px;
}

.sideevent-container
{
    background-color:#F4F5F7 ;
    width:100%;
    border-bottom: 1px solid #E4E4E4;
}

.sideevent-details
{
    padding:22px 12px 15px 17px;
    
    display: flex;
    cursor: pointer;
}

.sideevent-day
{
    font-weight: bold;
    font-size: 11px;
    text-align: center;
    align-content: center;
}

.sideevent-content
{
    font-size: 14px;
    margin-left:25px;
}

.sideevent-content > p
{
    margin-top: 0px;
}
.sideevent-day> p
{
    margin: 0px;
}

.sideevent-date
{
    font-size: 25px;
    margin-top: 4px !important;
    margin-bottom: 4px !important;
}

.sideevent-maincontent
{
    font-weight: bold;
}

.sideevent-subcontent
{
    color:#666;
    margin: 0%;
    font-size: 12px !important;
    font-weight:bold;
}

/*home slider*/
.sliderdiv
{
    /* width:690px; */
    /* height: 295px; */
    /* height:330px; */
    min-height:330px;
    height: auto;
    border-bottom: 1px solid #E4E4E4;
    width: 100%;
}

.mobsliderdiv
{
    min-height:430px;
    width:100%;
    border-bottom: 1px solid #E4E4E4;
}

/*home headlines*/
.headlinesdiv
{
    width:690px;
    height:500px;
    border-bottom: 1px solid #E4E4E4;
}

.mobheadlinesdiv
{
    /* height:525px; */
    width:100%;
}

/*home event*/
.mobeventdiv
{
    /* height:510px;
    width:100%;
    border-bottom: 1px solid #E4E4E4; */

    height: auto;
    width: 100%;
    border-bottom: 1px solid #E4E4E4;
   
}


/*Highlights Feature*/
.highlight-featurediv
{
    width:100%;
    height:fit-content;
    border-bottom: 1px solid #E4E4E4;
    padding-bottom:5px;
}

.topic-container
{
    width:100%;
    height:51px;
    align-content: center;
    font-size: 20px;
    font-weight: bold;
    text-align:justify;
}

.highlightcontent-container
{
    width:100%;
    height:fit-content;
    display: flex;
    /*justify-content: space-between;*/
    gap:2%;
}

.highlightpart
{
    width:32%;
   
}

.hightlightcontent
{
  display: -webkit-box; 
  display: -moz-box; 
  display: box; 
  text-overflow: ellipsis; 
  -webkit-box-orient: vertical; 
  -moz-box-orient: vertical; 
  box-orient: vertical; 
  -webkit-line-clamp: 6 !important;
  overflow: hidden;
   height:auto;
  margin-top: 15px;

}

.highlightimagediv
{
    width:100%;
    height:160px;
    position: relative;
}

.highlights-title
{
    font-size: 16px;
    font-weight: bold;
    display: -webkit-box; 
    display: -moz-box; 
    display: box; 
    -webkit-box-orient: vertical; 
    -moz-box-orient: vertical; 
    box-orient: vertical; 
    -webkit-line-clamp: 8;
    overflow: hidden;
    line-height: 1.2 !important;
    cursor: pointer;
    height:42px;
   
}

.highlights-abouts
{
    font-size: 14px;
    color:#666666;
    line-height: 1.5;
    /* margin-top:-6px; */
    cursor: pointer;
    text-overflow: ellipsis; 
}

.two-line-ellipsis {
  display: -webkit-box;
  -webkit-line-clamp: 2;     /* Limit to 2 lines */
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}


.highlights-abouts p
{
  display: inline;
  text-overflow: ellipsis; 
}


.highlights-about relatedarticle-description-container
{
  font-size: 14px;
    color:#666666;
    display: -webkit-box; 
    display: -moz-box; 
    display: box; 
    -webkit-box-orient: vertical; 
    -moz-box-orient: vertical; 
    box-orient: vertical; 
    -webkit-line-clamp: 5;
    overflow: hidden;
    line-height: 1.4;
    
    cursor: pointer;
}
.highlightimage
{
    width: 100%;
    height: 100%;
    border-radius: 8px;
    cursor: pointer;
}

.tagbottom
{
    position: absolute;
    bottom: 8px;
    right: 8px;
    font-size: 12px;
    color: white;
    border-radius: 15px;
    width:auto;
    padding: 5px 10px 5px 10px;
    border: 2px solid white;
    display: flex;
    cursor: pointer;
    background-color: white;
}
.tagsize{
    bottom: 4px !important;
    right: 0px !important;
    font-size: 10px !important;
    border-radius: 17px !important;
    padding: 1px 6px !important;
}

.first-slide .tagbottom {
  right: 12px !important; 
}

@media (min-width: 750px) and (max-width: 1024px) {
  /* .tagbottom
{
  right:193px !important;
} */

 .media-slidercontent{
  height:293px !important;
 }
.mobhighlightimagediv {
  margin-top: 20px;
  /* height: 260px; */
  width: 100%;
  position: relative;
  justify-content: center;
  /* align-items: center; */
  display: flex;
}
}
.eventtagbottom-event
{
  margin-bottom: 5px !important;
}
.eventtagbottom
{
    bottom: 8px;
    right: 8px;
    font-size: 11px;
    color: white;
    border-radius: 15px;
    width:fit-content;
    padding: 5px 10px 5px 10px;
    border: 1px solid white;
}


.mobhighlightsdiv
{
    /* height:1050px; */
    height:auto;
    width:100%;
    border-bottom: 1px solid #E4E4E4;

}

.mobhightlight-title
{
    font-weight: bold;
    font-size: 20px;
    margin-top: 30px;
    margin-bottom: 0px;
}

.mobhighlightimagediv
{
    margin-top: 20px;
    height:auto;
    width:100%;
    position:relative;
}

.mobhighlightimage
{
    width: 100%;
    height: auto;
    max-height: 100%;
    border-radius: 8px;
     aspect-ratio: 3 / 2;
    object-fit: cover;
}

.mobhighlighttitle
{
    font-weight: bold;
    font-size: 16px;
    line-height: 20px;
    letter-spacing:0.5px;
}

/* LatestHeadlines */
.latestheadline
{
  width:100%;
  /* height: 555px; */
  padding-bottom: 15px;
  border-bottom:1px solid #E4E4E4;
}
.headlinetitle
{
  margin-top:18px;
  /* height:18px; */
}
.latesttitle
{
  padding-top: 17px;
  width: 93%;
  height:35px;
  font-weight: bold;
  line-height: 17.6px;
  color: #171717;
  /* letter-spacing: 0.5px; */
  font-size: 16px;
  cursor: pointer;
  margin-bottom: 15px;
  font-family: 'DM-SANS-BOLD'  !important;
}
.headlinecontent
{
  width:100%;
  height:auto;
  margin-top:8px;
 display:flex;
}
.headlinecontentpara
{
  width: 63%;
  font-size:14px;
  color:#666666;
  line-height:1.5;
  cursor: pointer;
  display: -webkit-box; 
  display: -moz-box; 
  display: box; 
  -webkit-box-orient: vertical; 
  -moz-box-orient: vertical; 
  box-orient: vertical; 
  -webkit-line-clamp: 4;
  overflow: hidden;
}

.headlinecontentpara p{
  margin: 0%;
  color: #666666;
}

.headlinecontentpara h2{
  margin: 0%;
}

.headlinecontentparadescription{
  color: #666666;
}

.latestheadlineimg
{
  width: 100%;
  /* height: 84px; */
  border-radius: 8px;
  /* max-width: 100% */
}
.format-image
{
  cursor: pointer;
  text-align: center;
  border: 1px solid #D8D8D8;
  border-radius: 8px;
}
.main-image
{
  border-radius: 0px !important;
  /*max-width: 100%;*/
  border: 1px solid rgb(228, 228, 228);
  height: 100%;
  object-fit: contain;
  
  
}
.singlenewscontentimages
{
  border-radius: 0px;
  max-width: 100%;
}
.headlinecontentimage
{
  width: 32%;
  margin-right:4%;
  cursor: pointer;
  /* height:100%; */
}
.width50
{
  width: 50%;
}
.latestheadlinediv
{
  display:flex;
  flex-wrap:wrap;
  width:100%
}
/* .moblatestheadline
{
  width:100%;
  height:521px;
} */

.mobheadlinetitle
{
  width:100%;
  height:50px;
  margin-top:17px;
  display:flex;
}
.mobheadlinetitlediv
{
  height: 33px;
  align-content:top;
  margin-top: 25px;
}

.fl
{
  display: flex;
}

.headlineviewarr
{
  margin-top:0px;
  margin-left:6px;
}
.mobheadlinediv
{
  height:100px;
  margin-top:17px;
  border-bottom:1px solid #E4E4E4;
}
/* .moblatesthead
{
  width:100%;
  height:84px;
  float:left;
  position:relative;
} */
/* .moblatestheadimg
{
  width:29%;
  height:84px;
  float:left;
  
  border: 1px solid #e4e4e4;
} */
.moblatestheadimg
{
  width:30%;
  max-height:400px;
  float:left;
  margin-right:4%;
  max-width: 172px;
  height: 84px;
  min-height: 84px;
  max-height: 300px;
}
.mobileimgaeRatio{
  max-width: 100% !important;
    aspect-ratio: 3 / 2 !important;
}
@media (min-width: 600px) and (max-width: 1024px) {
  .moblatestheadimg
{
  width:auto !important;
}
}
.border-radius10
{
  border-radius:10px;
}
.bl
{
  font-weight: bold;
}
/* .moblatestheadcontent
{
  width:67%;
  height:86px;
  font-size:16px;
  line-height:1.2;
  margin-top:11px;
  float:left;
  margin-left:10px;
} */
.moblatestheadcontent
{
  width:66%;
  height:fit-content !important;
  font-size:16px;
  line-height:1.2;
  margin-top:11px;
  float:left;
  color:black;
}

.color-blue
{
  color:#005897
}



/* Multimedia */
.multimedia
{
    width:100%;
    height:auto;
    /* border-bottom:1px solid  */
}

.homesubtitles
{
    width: 87%;
    font-size: 20px
}
.viewmore
{
    width: 13%;
    font-size:14px;
    display:flex;
    cursor:pointer 
}
.viewmorearrow
{
margin-top:2px;
margin-left:8px
}
.multimediaimg
{
    height:auto;
    display:inline-block;
    position: relative;
}
.mediatitle
{
  padding-top: 15px;
  width:100%;
  /* letter-spacing: 0.5px; */
}
.mediacontent
{
  width:93%;
  height:auto;
  color:#666666;
  text-align:left;
  font-size:14px;
  line-height:1.5;
  cursor: pointer;
  margin-top:10px;
}
.videomedia
{
    height:auto;
    width:100%;
    padding-top:10px;
    padding-bottom: 5px;
    display:flex;
    justify-content: space-between;
    margin-bottom:16px;
}
.media-bl
{
  height:auto;
  /* letter-spacing:0.5px; */
  padding-top:17px;
  line-height:1.2;
  font-size:16px;
  cursor: pointer;
  font-family: 'DM-SANS-BOLD'  !important;

}
.widthheight100
{
   width: 100%;
   height: 100%;
   cursor:pointer;
}
.multimediaplaybutton
{
    padding-left:10px;
    position:relative;
    top:2px
}
/* Multimedia for mobile */


.mobmultimediadiv
{
    height:auto;
    border-bottom:1px solid #E4E4E4;
    width:100%;
    padding-bottom:20px;
}
.mobmultimedia
{
  height: auto;;
}
.mobtitles
{
  width:77%;
  height:20px;
  font-size:22px;

}
.width100{width:100%}
.circle {
    position: absolute;
    width: 15px;
    height: 15px;
    border-radius: 50%;
    background-color:grey;
  }

  /* media slider */
  .mobvideomedia
  {
    display: flex;
    transition: transform 0.5s ease;
    width:65%;
    height:250px;
  }
  .allmedia-slidercontent
  {
    width:50%;
  }
  .allmedia-slidercontent .allbtn
  {
    height:30px;
    width:30px;
    display: inline-flex;
  }
  
  .mediaslide {
    min-width: 100%;
    transition: 0.5s ease;
  }
  .media-slidercontent
  {
    background-color: #F4F5F7;
    border-radius: 10px;
    height:170px;
    top:11px;
    position: relative;
    width: 52% !important;
  }
  
  .mediaslide.active {
    opacity: 1;
  }

  @media screen and (min-width: 800px) and (max-width: 991px) {
    .mobmultimediadiv
  {
      height:auto !important;
     
  }
  }
  
  @media screen and (max-width: 400px) {
    .videomedia {
      display: flex;
      transition: transform 0.5s ease;
      width:80%;
    }
   

  
  }
  
  @media screen and (min-width: 400px) and (max-width: 991px) {
    .webinarslides {
      display: flex;
      transition: transform 0.5s ease;
      width:80%;      
    }
  
    .mediaslide {
      margin-right: 10px;
    }
    
  }
  /*mobile webinar slider*/

.sliderwebinardiv {
    position: relative;
    width: 100%;
    overflow: hidden;
    height:495px;
    border-bottom:1px solid #cfcfcf;
  }
  
  .webinarslides {
    display: flex;
    transition: transform 0.6s ease;
    width:80%;
    height:352px;
  }
  
  .webinarslide {
    min-width: 100%;
    transition: 0.5s ease;
    overflow: hidden;
  }
  
  .webinarslide.active {
    opacity: 1;
  }
  
  .slider-dots {
    text-align: center;
    margin-top: 20px;
  }
  
  .slider-dot {
    display: inline-block;
    width: 15px;
    height: 15px;
    border-radius: 50%;
    background-color: #E4E4E4;
    margin: 0 8px;
    cursor: pointer;
  }
  
  .slider-dot.active {
    background-color: #A3A3A3;
  }

  .webinar-slidercontent
  {
    height: calc(345px - 30px);
    background-color: #F4F5F7;
    padding: 15px;
    width:calc(100% - 30px);
    border-radius: 10px;
    cursor:pointer;
    position: relative;
  }

  .webinar-sliderdefintion
  {
    width:100%;
    display: -webkit-box; 
    display: -moz-box; 
    display: box; 
    -webkit-box-orient: vertical; 
    -moz-box-orient: vertical; 
    box-orient: vertical; 
    -webkit-line-clamp: 4;
    overflow: hidden;
  }

  .allwebinar-slidecontent p
  {
      margin-bottom: 20px !important;
      font-size: 22px;
  }

.webinar-sliderimage
{
  height: 193px;
  width:100%;
}

.mobwebinartitle
{
  width:100%;
  height:78px;
  align-content: center;
  font-size: 20px;
  font-weight: bold;
}

.slider-webinardetail
{
  margin-top: 10px;
  margin-bottom: 0px;
  color:#666666 !important;
  font-size: 13px;
}

.slider-webinartitle
{
  margin-top: 10px;
  margin-bottom: 0px;
  font-weight: bold;
}


.sliderrwebinar-register
{
    background-color: transparent;
    border:none;   
    display: flex;
    font-weight: bold;
    padding: 0px;
    font-size: 15px;
    /*margin-top: 15px;
    margin-bottom: 15px;*/
    position: absolute;
    top: 90%;
    width:calc(100% - 30px);

}

.sliderrwebinar-gobtn
{
    margin-top: 4px;
    margin-left: 5px;
}


/*@media screen and (max-width: 400px) {
  .webinarslides {
    display: flex;
    transition: transform 0.5s ease;
    width:100%;
  }
}*/

@media screen and (max-width: 991px) {
  .webinarslides {
    display: flex;
    transition: transform 0.5s ease;
    width:80%;
    
  }

  .webinarslide {
    margin-right: 25px;
    overflow: hidden;
  }
.webinarslides .webinarslide:last-child {
  margin-right: 0px !important;
  padding-right: 30px;
}

  .media-bl{
    padding-bottom:0px;
  }
  
}

/*Focus and Analysis*/
/*.focusandanalysisdiv
{
  height:770px;
  width:100%;
  border-bottom:1px solid #E4E4E4;
}

.focusdiv
{
  height: 327px;
  margin-top: 20px;
  border: 1px solid grey;
}

.analysisdiv
{
  height:395px;
  margin-top:20px;
  margin-bottom: 10px;
  justify-content: space-between;
  display: flex;
}

.innovationdiv
{
  width:45%;
  height:92%;
  padding:2%;
  background-color: #F4F5F7;
  display: inline-block;
  margin-right: 1%;
  border-radius: 10px;
}

.trenddiv
{
  width:45%;
  height:92%;
  padding:2%;
  background-color: #F4F5F7;
  display: inline-block;
  margin-left: 1%;
  border-radius: 10px;
}
*/

.analysisheaddiv
{
  height: 34px;
  border-bottom:1px solid #E4E4E4;
  align-content: top;
  margin-top: 6px;
}

.analysistitle
{
  margin: 0px;
  display: inline-block;
  font-size: 20px;
  font-weight: bold;
  font-family: 'DM-SANS-BOLD'  !important;
  margin-left:15px;
}
.eventstitle
{
  font-size: 20px;
  font-weight: bold;
  font-family: 'DM-SANS-BOLD'  !important;
}
.multimediatitle
{
  height:18px;
}
.homemultiimg
{
   width:100%;display:block;height: auto; border-radius: 10px; max-width: 100%
}
.desktoptitles
{
  margin: 0px;
  display: inline-block;
  font-size: 20px;
  font-weight: bold;
  letter-spacing:0px !important;
  line-height: 22px;
  font-family: 'DM-SANS-BOLD'  !important;
}
.homemultimedia
{
  margin: 15px 0px;
  height:18px;
}

.viewallbtn
{
    background-color: transparent;
    border:none;   
    display: inline-flex;
    font-weight: bold;
    padding: 0px;
    font-size: 14px;
    float:right;
    cursor: pointer;
}

.viewall-goicon
{
    margin-top: 3px;
    margin-left: 5px;
}

.analysiscontentdiv
{
    width:100%;
    height:auto;
}

.productimagesdiv
{
    /*display: flex;
    justify-content: space-between;*/
    display: block;
    width:100%;
    height: 190px;  
    align-content: center; 
    text-align: center;
    background-color: white;
    margin:15px 0px;
    border-radius: 10px;

}

.productimage
{
    height: 75px;
    display: inline-block;
    background-color: white;
    text-align: center;
    align-content: center;
    width:32%;
    border-radius: 8px;
    cursor: pointer;
}

.innovationtitle
{
    font-weight: bold;
    font-size: 16px;
    margin-top: 5px;
    margin-bottom:5px;
}

.innovationmonth
{
    font-size: 16px;
    margin-left: 9px;
}

.innovationcontent
{
    font-size: 14px;
    color: #666666;
    line-height: 20px;
    cursor: pointer;
    display: -webkit-box; 
    display: -moz-box; 
    display: box; 
    -webkit-box-orient: vertical; 
    -moz-box-orient: vertical; 
    box-orient: vertical; 
    -webkit-line-clamp: 7;
    overflow: hidden;
    margin-top:0px;
}

.trendchartdiv
{
  
    height:190px;
    align-content: center;
    background-color: white;
    text-align: center;
    align-content: center;
    border-radius: 10px;
    margin: 15px 0px;
}

.innovationcontent p {
 margin: 0%;
}
@media screen and (min-width:200px) and (max-width:991px) {

    .focusandanalysisdiv
    {
        height:auto;
        width:100%;
        border-bottom:1px solid #E4E4E4;
    }
    .focusdiv
    {
        height: 595px;
        margin-top: 25px;
        border: 1px solid grey;
    }
    .analysisdiv
    {
        width:100%;
        height:auto;
        margin-top:25px;
        margin-bottom: 20px;
    }

    .innovationdiv
    {
        height:430px;
        padding:15px;
        background-color: #F4F5F7;
        border-radius: 10px;
    }

    .trenddiv
    {
        margin-top: 15px;
        height:auto;
        padding:15px;
        background-color: #F4F5F7;
        border-radius: 10px;
    }
    
  }



@media screen and (min-width: 991px) {
    .focusandanalysisdiv
    {
        width:100%;
        border-bottom:1px solid #E4E4E4;
    }

    .focusdiv
    {
        height: 327px;
        margin-top: 20px;
        border: 1px solid grey;
    }

    .analysisdiv
    {
        height:470px;
        margin-top:15px;
        margin-bottom: 10px;
        justify-content: space-between;
        display: flex;
    }

    .innovationdiv
    {
        width:45%;
        height:92%;
        padding:2% 3%;
        background-color: #F4F5F7;
        display: inline-block;
        margin-right: 1%;
        border-radius: 10px;
        cursor: pointer;
    }

    .trenddiv
    {
        width:45%;
        height:92%;
        padding:2% 3%;
        background-color: #F4F5F7;
        display: inline-block;
        margin-left: 1%;
        border-radius: 10px;
    }
  }


  @media screen and (min-width: 1024px) and (max-width: 1024px) {
    .focusandanalysisdiv {
        height: 1000px;  /* Override height for iPad */
    }
}
  /* @media screen and (min-width:760px) and (max-width:1024px) {

    .focusandanalysisdiv
    {
        height:1627px;
        width:100%;
        border-bottom:1px solid #E4E4E4;
    }
    .trenddiv
    {
        margin-top: 15px;
        height:436px;
        padding:15px;
        background-color: #F4F5F7;
        border-radius: 10px;
    }
  } */
  /* @media screen and (min-width:819px) {

    .focusandanalysisdiv
    {
        height:1498px;
        width:100%;
        border-bottom:1px solid #E4E4E4;
    }
    .trenddiv
    {
        margin-top: 15px;
        height:449px;
        padding:15px;
        background-color: #F4F5F7;
        border-radius: 10px;
    }
  } */
  /* @media screen and (min-width:912px) {

    .focusandanalysisdiv
    {
        height:1545px;
        width:100%;
        border-bottom:1px solid #E4E4E4;
    }
    .trenddiv
    {
        margin-top: 15px;
        height:494px;
        padding:15px;
        background-color: #F4F5F7;
        border-radius: 10px;
    }
  } */


  /*mobslider-events*/

.slidereventdiv {
    position: relative;
    width: 100%;
    overflow: hidden;
    height:253px;
  }

  .eventswipediv
  {
    width:100%;
    overflow: hidden;
  }


  @media screen and (max-width: 400px) {
    .eventslides {
      display: flex;
      transition: transform 0.5s ease;
      width:61%;
      height:120px;
    }

    .eventslide {
        margin-right: 20px;
      }
  
  }
  
  @media screen and (min-width: 400px) and (max-width: 991px) {
    .eventslides {
      display: flex;
      transition: transform 0.5s ease;
      width:61%;  
      height:120px;   
    }
  
    .eventslide {
      margin-right: 25px;
    }
    
  }

  .event-slidercontent
  {
    height: 120px;
    background-color: #F4F5F7;
    width:100%;
    border-radius: 10px;
  }

  .allevent-slidercontent
  {
    width:50%;
  }
  .allevent-slidercontent .allbtn
  {
    height:30px;
    width:30px;
    display: inline-flex;
  }
  .upcomingradius{
    padding: 9px 10px 8px 12px;
    border-radius: 25px;
    border: none;
}
.mediaradius{
  padding: 4px 10px 4px 11px;
  border-radius: 23px;
  border: none;
}
.allEventbtn{
  padding: 4px 10px 4px 11px;
  border-radius: 23px;
  border: none;
}
  .eventslide {
    min-width: 100%;
    transition: 0.5s ease;
  }
  
  .eventslide.active {
    opacity: 1;
  }

  .mobeventtitle
{
  width:100%;
  height:68px;
  align-content: center;
  font-size: 20px;
  font-weight: bold;
}

.borderdiv
{
  height:10px;
  width:100%;
  border-radius: 10px 10px 0px 0px;
}

.sliderevent-contentdiv
{
  height:110px;
  width:100%;
  display: flex;
  justify-content: center;
  align-items: center;
}

.datediv
{
  width:30%;
  height:100%;
  display:inline-block;
  text-align: center;
  align-content: center;
}

.datediv p
{
  /* margin:0px; */
  font-weight: bold;
  font-size:14px;
}

.eventdetaildiv
{
  width:70%;
  height:100%;
  display:inline-block;
  /* align-content: center; */
  margin-top: 15px;
 
}

.event-date
{
  margin-top: 8px !important;
  margin-bottom: 8px !important;
  font-size: 30px !important;
}

.eventdetail
{
  font-weight: bold;
  display: -webkit-box; 
  display: -moz-box; 
  display: box; 
  -webkit-box-orient: vertical; 
  -moz-box-orient: vertical; 
  box-orient: vertical; 
  -webkit-line-clamp: 3;
  overflow: hidden;
}

.eventlocation
{
  color:#666666;
  font-size: 14px;
  display: -webkit-box; 
  display: -moz-box; 
  display: box; 
  -webkit-box-orient: vertical; 
  -moz-box-orient: vertical; 
  box-orient: vertical; 
  -webkit-line-clamp: 1;
  overflow: hidden;
}

/*Ingredient Focus*/
.ingredient-focusdiv
{
    width:96%;
    height:fit-content;
    margin-top: 15px;
    background-color: #F4F5F7;
    border-radius: 8px;
    padding: 15px 2%;
}

.ingredient-topic-container
{
    width:100%;
    height:40px;
    align-content: baseline;
    font-size: 20px;
    font-weight: bold;
    border-bottom: 1px solid #E4E4E4;
}

.headlinetitleingredientfocus
{
  margin-top: 5px;
}

.ingredient-container
{
    width:100%;
    height:fit-content;
    margin-top: 15px;
    /* margin-left: 20px; */
    /* margin-right: 20px; */
    display: flex;
}

.ingredient-imagediv
{
    width:50%;
    float: left;
    cursor: pointer;
    max-width: '600px'; 
    /* margin-top: 18px;
    margin-bottom: 15px;
    margin-left: 17px;
    margin-right: 3px; */
}

.button-overlay {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: flex;
  align-items: center;
  background-color: rgba(0, 0, 0, 0.6); /* Semi-transparent background */
  color: white;
  padding: 10px 20px;
  border-radius: 8px;
  cursor: pointer;
  z-index: 10; /* Ensure it's above the iframe */
  font-size: 16px;
  letter-spacing: 0.4px;
}

.ingredient-contentdiv
{
    width:50%;
    float: left;
    margin-left: 3%;
    /* margin-top: 18px;
    margin-bottom: 15px;
    margin-left: 17px;
    margin-right: 3px; */
}
.ingredient-imagesize
{
    width: 100%;
    height: 100%;
    border-radius: 8px;
}


.ingredient-logodetail
{
    width:100%;
    height:48%;
    display: flex !important;
    margin-top:1.1%;
    align-items: center;
    cursor: pointer;
}
.ingredient-logo
{
    align-content: center;
    text-align: center;
    width:175px;
    height:85px;
    background-color: white;
    border-radius: 8px;
    border:1px solid #E4E4E4;
}

.ingredient-description
{
    border-bottom: 1px solid #E4E4E4;
    width:100%;
    
    
}

.ingredient-site p{
  margin: 0px;
  margin-bottom: 2.6px;
}

.ingredient-site
{
  height:96%;
  width:50%;
  align-content: center;
  font-size: 14px;
  margin-left: 10px;
}

.topmargin
{
    margin-top: 0px;
}
.mobingredient-topic-container
{
    width:100%;
    height:auto;
    font-size: 20px;
    margin-top: 25px;
    background-color: #F4F5F7;
    border-radius: 10px;
}

.mobheadlinetitleingredientfocus
{
  height: 25px;
  border-bottom: 1px solid #E4E4E4;
  align-content: center;
  padding: 15px 2%;
  width: 96%;
}

.mobheadlinetitleingredientfocus .fl
{
  margin-top: 4px;
}

.mobingredient-imagediv
{
    height: 240px;
    padding:15px 3%;
    width:94%;
}

@media (min-width: 600px) and (max-width: 1024px) {
  .mobingredient-imagediv
{
     height: auto !important;
    justify-content: center;
    display: flex;
}
.productimagesdiv
{
   
    height: auto;  
    

}

 .innovationdiv
    {
        height:auto;
       
    }
.focusimg{
  width: auto !important;
}
.analimg{
  width: auto !important;
  /* border-radius: 0px !important; */
}
.webinar-sliderimage {
  height: 193px;
  width: 100%;
  display: flex;
  justify-content: center;
}
.rectbanner{
  width:auto !important;
}
.webinars-sliderimage {
 width: auto !important;
 max-width:100% ;
  aspect-ratio: 3 / 2;
    object-fit: cover;
}
.multimediamobile{
  /* display: flex; */
  text-align: center;
  justify-content: center;
}
/* .mobileimagemult{
 width:auto !important;
} */
.highlightimagediv {
  display: flex;
  justify-content: center;
  width:auto !important;
}
/* .highlightimage{
  display: flex;
  justify-content: center;
  width:auto !important;
} */
}

#mobingredientfocusiframe{

  top: 0;
  left: 0;
  width: 100%; /* Ensures it takes the full width of the container */
  height: 100%; /* Ensures it takes the full height of the container */
  border: none; 

}
.mobingredient-contentdiv
{
  width:94%;
  height: auto;
  padding:15px 3%;
  padding-top: 0px;
}
.mobingredient-description
{
    height: auto;
    width: 100%;
    border-bottom: 1px solid #E4E4E4;
}
.mobingredient-logodetail
{
    height:85px;
    width: 100%;
    display: flex;
}
.mobingredient-logo
{
  width: 50%;
  height: 100%;
  margin-top: 2%;
  background-color: white;
  border-radius: 10px;
  align-content: center;
  text-align: center;
  border: 1px solid #E4E4E4;
}
@media screen and (min-width:768px) and (max-width:820px)
{
    .mobingredient-logo
    {
        width:50%;
        height:85%;
        margin-top: 2%;
        background-color: white;
        border-radius: 10px;
        align-content: center;
        text-align: center;
        border: 1px solid #E4E4E4;
    }
}
.mobingredient-site
{
    width: 47%;
    height: 100%;
    margin-left: 3%;
    align-content: center;
    font-size: 14px;
    font-weight: bold;
    margin-top: 2%;
}

.mobingredient-contenttitle
{
  font-size: 18px;
  font-weight: bold;
  display: -webkit-box;
  display: -moz-box;
  display: box;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  box-orient: vertical;
  -webkit-line-clamp: 4;
  overflow: hidden;
  line-height: 1.2;
  margin-bottom: 0px;
}

.mobingredient-content
{
  font-size: 16px;
    color: #666666;
    display: -webkit-box;
    display: -moz-box;
    display: box;
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    box-orient: vertical;
    -webkit-line-clamp: 5;
    overflow: hidden;
    line-height: 1.3;
    font-weight: none !important;
    margin-top: 0px;
    /* padding-bottom: 49px; */
    margin-bottom: 10px;
}

.mobingredient-sitetitle
{
  color: #666;
  margin-bottom: 5px;
}

/* To design scrollbar  */
.scrollbarcustom::-webkit-scrollbar {
  width: 3px; /* width of the scrollbar */
}

.scrollbarcustom::-webkit-scrollbar-track {
  background:red; /* color of the tracking area */
}

.scrollbarcustom::-webkit-scrollbar-thumb {
  background-color: grey; /* color of the scroll thumb */
  border-radius: 10px; /* roundness of the scroll thumb */
  border: 2px solid #f1f1f1; /* border around the scroll thumb */
}

.scrollbarcustom::-webkit-scrollbar-thumb:hover {
  background-color: darkgrey; /* color of the scroll thumb on hover */
}


/*Related multimedia*/
.relatedmultimedia-container {
  height: 350px;
  float:left;
}

.relatedmultimedia-heading {
  display: flex;
  height: 55px;
  align-items: center;
}

.headername
{
  display: inline-block;
  font-weight: bold;
  font-size: 20px;
  margin:0px;
}
.ingredient-focus-home
{
  margin-top: 20px;
  border-bottom: 1px solid #E4E4E4;
}
.focusheightauto
{
  width: 60% !important;
  line-height: 1.2;
}

.marginbottom10 
{
  margin-bottom: 10px !important;
}

.latesttitlelink
{
  display: block;
  min-height: 24px;
}

@media (max-width: 900px) {
 
  .ingredient-imagediv{
    height:50% !important;
  }

}

.tagbottom.bl.source-color.newstag.newstagbottom
{
    bottom: 10px !important;
    font-size: 11px !important;
    border-radius: 15px !important;
    width: auto !important;
    padding: 2px 10px 5px 8px !important;
    background-color: #fff !important;
    height: 13px !important;
    float: right !important;
    border: 2px solid #005897 !important;
}

.highlightimage.width100.newsimg.rec-size
{
  border-radius: 10px !important;
}