.knowledgeWrap{ margin-top: 60px; margin-bottom: 60px; position: relative; }
.knowledgeWrap .knowledgeHead { max-width: 810px; margin: 50px auto 30px; padding-top: 50px; }
.knowledgeWrap .knowledgeHead .knowledgeImage {display: inline-block; width: 185px; }
.knowledgeWrap .knowledgeHead .knowledgeContent { display: inline-block; width: calc(100% - 190px); vertical-align: middle; padding-left: 55px; }
.knowledgeWrap .knowledgeHead .knowledgeContent h1{ font-weight: 700; color: #3F3F3F; font-size: 36px; }
.knowledgeWrap .knowledgeList { list-style: none; display: flex; flex-wrap: wrap; background: #FFFFFF; padding: 80px 0; }
.knowledgeWrap .knowledgeList h2 { font-weight: 700; color: #373737; font-size: 24px; text-align: center; width: 100%; margin-bottom: 50px; }
.knowledgeWrap .knowledgeList li{ width: 33%;  display: inline-flex; align-items: center; padding: 20px 0;}
.knowledgeWrap .knowledgeList li .knowledgeListBox{ padding: 20px 12px; color: #3F3F3F; width: 100%; position: relative;}
.knowledgeWrap .knowledgeList li .tooltipsWrap { position: relative; display: inline-block;}
.knowledgeWrap .knowledgeList li .tooltipsWrap i{ position: relative;}
.knowledgeWrap .knowledgeList li .tooltipsWrap i::before{ content: ''; width: 30px; height: 30px; background: #fff2f2; display: none;  position: absolute; transform: rotate(45deg); bottom: 26px; left: -6px; }
.knowledgeWrap .knowledgeList li .tooltipsWrap .infoWrap{ position: absolute; display: none; width: 254px; background: #fff2f2; bottom: calc(100% + 20px); z-index: 2; left: -164px; padding: 20px; }
.knowledgeWrap .knowledgeList li .tooltipsWrap .infoWrap p{ line-height: 14px; font-size: 12px;  margin-bottom: 0; }
.knowledgeWrap .knowledgeList li .knowledgeListBox:hover{ text-decoration: none;}
.knowledgeWrap .knowledgeList li .tooltipsWrap:hover .infoWrap { display: block;}
.knowledgeWrap .knowledgeList li .tooltipsWrap:hover i::before{ display: block; }
.knowledgeWrap .knowledgeList li .knowledgeListBox span{ width: 50px;  display: inline-block; vertical-align: middle; text-align: center; }
.knowledgeWrap .knowledgeList li .knowledgeListBox b{ vertical-align: middle; display: inline-block; padding-left: 10px; color: #F47E1A; } 
.knowledgeBanner{ position: relative; padding: 100px 0; background: url(../images/knowledgecenter/knowledgepatten.svg); background-position: right bottom; background-repeat: no-repeat; }
.knowledgeBanner:before{ content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: linear-gradient(0.34deg, #FFE6C1 -7.69%, rgba(255, 255, 255, 0.21) 113.34%); z-index: -1; }

.knowledgeImage span{ padding-left: 20px; display: block;}
.knowledgeContent { display: inline-block; width: 100%; max-width: 292px;}
.knowledgeContent span{ max-width: 174px; display: block; }
.knowledgeContent h2 { font-weight: 700; font-size: 48px; line-height: 55px; color: #373737; margin-top: 10px; }
.bread_contentknowledge .content p,
.bread_contentknowledge .content h1{ font-weight: 400; font-size: 14px; line-height: 19px;  color: #3F3F3F; display: none; }
.knowledgeContent p { font-weight: 600; font-size: 20px; line-height: 27px; color: #373737; }

.knowledgeWrap .knowledgeList .knowledgeListOverlap li .tooltipsWrap { position: initial;}
.knowledgeWrap .knowledgeList .knowledgeListOverlap li .tooltipsWrap .infoWrap { background: #F47E1A; color: #ffffff; left: 0; top: 0; padding: 10px 16px; height: 100%;
    width: 100%;  }
.knowledgeWrap .knowledgeList .knowledgeListOverlap li .knowledgeListBox b { margin-right: 10px;}
.knowledgeWrap .knowledgeList .knowledgeListOverlap li .tooltipsWrap .infoWrap p { line-height: 14px; font-size: 12px;  margin-bottom: 0; text-align: center; display: flex; align-items: center; justify-content: center; height: 100%; }
.knowledgeWrap .knowledgeList .knowledgeListOverlap li { padding: 20px 10px; } 
.knowledgeWrap .knowledgeList .knowledgeListOverlap li .knowledgeListBox { background: #FFFFFF; box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.25); border-radius: 20px; min-height: 135px; overflow: hidden;  justify-content: center;  display: flex; align-items: center; }

.knowledgeNewBanner{ width: 100%; display: block; margin-top: 60px; position: relative; height: 182px; background: linear-gradient(268deg, #1F4C77 1.16%, #0B2043 99.81%); } 
.bread_contentknowledge {display: flex; width: 100%; height: 100%; position: relative; align-items: center;}
.bread_contentknowledge .container { display: flex; align-items: center; justify-content: space-between; }
.bread_contentknowledge .mngBack { position: relative; display: inline-block; }
.bread_contentknowledge .mngBack h2 {color: #FFF; font-size: 42px; font-weight: 700; }
/* .bread_contentknowledge::before{ content: ''; position: absolute; left: 0; top: 0; background-image: url(../images/knowledgecenter/left_ills.png); width: 250px;   height: 100%;} */
.bread_contentknowledge::after{ content: ''; position: absolute; right: 0; top: 0; background-image: url(../images/knowledgecenter/right_ills.png); width: 750px;   height: 100%; }
.bread_contentknowledge .content { max-width: 675px; margin: 0 auto; text-align: center; padding: 14px; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); display: none; }
.bread_contentknowledge .content h2 { font-weight: 700; font-size: 32px; line-height: 44px; color: #3F3F3F; margin-bottom: 15px; }
.bread_contentknowledge .content h2 img{ max-width: 32px; }
.bread_contentknowledge .content p{ font-weight: 400; font-size: 14px; line-height: 19px;  color: #3F3F3F; }
.backBtnKnowledge { padding: 10px; margin-top: 0px; padding-left: 25px; display: inline-block; font-weight: 500; color: #ffffff; text-decoration: none; cursor: pointer; }
.backBtnKnowledge:hover{ color: #F47E1A; text-decoration: none; }
.backBtnKnowledge img { margin-right: 5px; filter: brightness(10); }
.input_search { background: #fff; max-width: 327px; width: 327px; border-radius: 30px; height: 44px; overflow: hidden; border: 0; display: inline-block; position: relative; vertical-align: middle; }
.masterSelect { cursor: pointer; display: inline-block; vertical-align: middle; position: relative; margin-left: 10px; z-index: 2; }
.masterSelect::before{ content: ''; position: absolute; right: 20px; top: 16px; width: 10px; height: 10px; border: 2px solid #e56825; border-left: 0; border-top: 0; transform: rotate(45deg); }
.masterSelect b{ background: #ffffff; border: 1px solid #F47E1A; border-radius: 40px; width: 269px; height: 45px; text-align: left; color: #3F3F3F; display: block; padding: 12px 34px 12px 20px; font-weight: 600;}
.masterSelect ul{ position: absolute; left: 0; top:100%; background: #FFFFFF; border-radius: 2px; box-shadow: 0 3px 5px rgba(0,0,0,.10);  display: none;   width: 100%; list-style-type: none; padding: 10px 0; }
.masterSelect ul::before{ content: ''; position: absolute; right: 20px; top: -36px; border: 18px solid #ffffff; border-top: 18px solid transparent; border-left: 10px solid transparent; border-right: 10px solid transparent;  }
.masterSelect.active ul{ display: block; }
.masterSelect ul li { width: 100%;}
.masterSelect ul li a { display: flex; align-items: center; padding: 10px 25px; font-weight: 700; color: #F47E1A; font-size: 16px; line-height: 22px; text-decoration: none; }
.masterSelect ul li a small{width: 24px; margin-right: 10px;}
.masterSelect ul li.active{ background: #FFC353;}
.masterSelect ul li.active a{ color: #ffffff;}
.webinerDetailsBox {}
.webinerDetailsBox .webinerDetailsHead{ color: #3f3f3f; font-weight: 600; margin-bottom: 0px; font-family: 'Open Sans', sans-serif !important; font-size: 21px; margin-top: 0; }
.webinerDetailsBox .webinerDetailsHead .date { font-size: 13px; font-weight: 600; color: #3f3f3f; margin-bottom: 3px; line-height: inherit; margin-bottom: 19px; }
.webinerDetailsBox .webinarIframe{ width: 100%; height: 610px;}
.webinerDetailsBox .webinarIframe iframe { width: 100%; height: 100%;}
.innerHeader { margin-bottom: 30px;}

.caseStudiesSlider .items.hideCase{display: none; width: 0px !important;}
.caseStudiesSlider .items.showCase{width: none; display: inline-block !important;} 
.blogFilterBox{ background: #f7f7f7; padding: 50px 14px 14px 14px;}
.blogFilterBox form{ margin-left: 42px;}

.addTalkSection{ display: block; background: #EFEFEF; padding: 20px; margin-top: 40px; }
.addTalkSection .imageWrap{ display: inline-block; vertical-align: middle; }
.addTalkSection .blog_content_small{ width: calc(100% - 587px); display: inline-block; padding-left: 20px; vertical-align: middle;}
.bloagBgWrap { background: #F2F4F6; padding-top: 44px; }
.blog_detail_new{ display: block; margin-top: 40px;}
.blog_detail_new .blog_detail_video{ height: 610px; }
.blog_detail_new .blog_detail_video iframe { width: 100%; height: 100%;}


.blogWrap .blogListBox{ margin-top: 30px; display: flex; flex-wrap: wrap; align-items: start; padding: 20px; border-radius: 20px;  border: 1px solid #F5F5F5;  background: #FFF;  }
.blogWrap .blogListBox:hover { box-shadow: 4px 4px 13px rgba(0, 0, 0, 0.06); }
.blogWrap .blogListBox figure{ width: 300px; display: inline-block;  height: auto; padding: 22px; }
.blogWrap .blogListBox figure img { max-width: 100%; max-height: 100%;}
.blogWrap .blogListBox .blogListCotent { width: calc(100% - 310px); padding-left: 20px; }
.blogWrap .blogListBox .blogListCotent h2{ font-weight: 700; font-size: 20px; line-height: 25px; color: #F47E1A; position: relative; padding-right: 22px;  }  
.blogWrap .blogListBox .blogListCotent h2 a{ color: #373737; }
.blogWrap .blogListBox .blogListCotent h2 a:hover{ color: #F47E1A; text-decoration: none; }
.blogWrap .blogListBox .blogListCotent h3,
.blogWrap .blogListBox .blogListCotent h6 { font-size: 16px; color: #787878; line-height: 22px; font-weight: 600; padding-bottom: 10px; margin-bottom: 15px; position: relative; margin-bottom: 0; padding-bottom: 0; }

.blogWrap .blogListBox .blogListCotent h2 a.shareLink { position: absolute; right: -14px; top: -3px; background: var(--Primary-6, linear-gradient(90deg, #F87023 0%, #FFC554 100%)); background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent; } 
.blogWrap .blogListBox .blogListCotent span { font-weight: 600; display: flex; padding-bottom: 5px; align-items: center; font-size: 14px; line-height: 19px;      }
.blogWrap .blogListBox .blogListCotent span i { margin-left: 3px;}
.blogWrap .blogListBox .blogListCotent span img { margin-right: 6px;}
.blogWrap .blogListBox .blogListCotent p { font-weight: 400; line-height: 21px; color: #787878; font-size: 14px; }
.blogWrap .blogListBox.hide { display: none !important;}
.blogWrap.guidView .blogListBox .blogListCotent p{ display: none !important;} 
.blogWrap.guidView .blogListBox figure { width: 100%; text-align: center;}

.blogWrap.guidView { display: flex; flex-wrap: wrap; padding-bottom: 50px; }
.blogWrap.guidView .blogListBox { width: calc(33.3% - 20px); display: block; box-shadow: none; margin: 30px 10px 0 10px; transition: all .5s; } 
.blogWrap.guidView .blogListBox:hover { box-shadow: 4px 4px 13px rgba(0, 0, 0, 0.06); transition: all .5s; }
.blogWrap.guidView .blogListBox .blogListCotent { width: 100%;}
/* .blogWrap .blogListBox .blogListCotent p {  display: -webkit-box !important;  -webkit-line-clamp: 3; -webkit-box-orient: vertical; white-space: normal; overflow: hidden; } */
.blogWrap.guidView .blogListBox .blogListCotent h2 { padding-right: 30px; position: relative; }
.blogWrap.guidView .blogListBox .blogListCotent h2 .shareLink { position: absolute; right: 0; top: 3px; }
.blogWrap.guidView .blogListBox .blogListCotent {padding-left: 0; }

.blogBannerWrap { width: 100%; display: block; margin-top: 60px; position: relative; height: 182px; background: linear-gradient(268deg, #1F4C77 1.16%, #0B2043 99.81%); }
.blogBannerBox {display: inline-block; width: 100%; height: 100%; position: relative; }
/* .blogBannerBox::before{ content: ''; position: absolute; left: 0; top: 0; background-image: url(../images/knowledgecenter/left_ills.png); width: 250px; height: 100%;} */
.blogBannerBox::after{ content: ''; position: absolute; right: 0; top: 0; background-image: url(../images/knowledgecenter/right_ills.png); width: 750px; height: 100%; }
.blogBannerBox .content { max-width: 100%; margin: 0 auto; text-align: center; padding: 0px 0 14px 0; display: flex; align-items: center; justify-content: space-between; }
.blogBannerBox .content h2 { font-weight: 700; font-size: 32px; line-height: 44px; color: #ffffff; margin-bottom: 15px; }
.blogBannerBox .content h2 img{ max-width: 32px; }
.blogBannerBox .content p{ font-weight: 400; font-size: 14px; line-height: 19px;  color: #ffffff; display: none; }
.backblogBanner { background: #ffffff; border-radius: 20px; padding: 10px; display: inline-block; color: #F47E1A; text-decoration: none; cursor: pointer;   margin-top: 20px; }
.blogBannerBox .masterSelect {  }

.filterBlogBox { display: flex; justify-content: space-between; align-items: center; margin: 0 0 44px 0; }
.filterBlogBox .filterLeBox { display: flex; }
.filterBlogBox .filterLeBox .input_search input { padding-left: 18px; padding-right: 29px; }
.gridTabs { background: #ffffff; overflow: hidden; border-radius: 40px; display: flex; width: 190px; flex-direction: row-reverse; }
.gridTabs span { font-weight: 600; font-size: 14px; color: #ACACAC; display: inline-flex; align-items: center; justify-content: center; width: 100%; cursor: pointer; line-height: 43px; border-radius: 38px;}
.gridTabs span i { margin-right: 8px;}
.filterBlogRight { display: flex; }
.filterBlogRight .sortListBB { display: none; align-items: center; margin-right: 50px; }
.filterBlogRight .sortListBB li { list-style-type: none; display: inline-block; padding-right: 20px; }
.gridTabs span.active { background: #F8E0CC; color: #F47E1A;}
.gridTabs span img {filter: brightness(0);  opacity: .4; top: -1px; } 
.gridTabs span.active img { filter: none; opacity: 1;} 

.selectBox { margin-left: 33px; position: relative;}
.selectBox::before{content: ''; position: absolute; right: 20px; top: 18px; width: 10px;
    height: 10px; border: 2px solid #e56825; border-left: 0; border-top: 0; transform: rotate(45deg);}
.selectBox select { border: 1px solid #ACACAC; line-height: 40px; border-radius: 40px; padding: 2px 30px 2px 20px; width: 180px; background: transparent;  }
.input_search input { background: url(../images/search_old.svg); background-position: calc(100% - 18px) center; background-repeat: no-repeat; }
.paginationWrap { background: #ffffff !important; margin-bottom: 20px; padding-top: 60px; }
.mt-20 { margin-top: 20px;}

.masterClassSliderWrap { margin-top: 50px; padding-bottom: 30px; }
.masterClassSliderWrap h2 { font-weight: 700; color: #373737; font-size: 24px; line-height: 120%; display: block; text-align: center; margin-bottom: 30px; }
.masterClassSliderWrap .masterClassSliderArea { margin-left: -15px; margin-right: -15px; }
.masterClassSliderWrap .masterClassSliderArea .slick-arrow { position: absolute; top: 41%; transform: translateY(-50%); left: -55px;  background-color: #ffffff; box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.10); background-image: url(../images/left_or.svg); background-size: 12px; font-size: 0; background-position: center; background-repeat: no-repeat;   }
.masterClassSliderWrap .masterClassSliderArea .slick-arrow.slick-next { left: auto; right: -55px; background-image: url(../images/right_or.svg); transform: translateY(-50%);}
.masterClassSliderWrap .masterClassSliderArea .slick-dots { margin-top: 30px; }
.masterClassSliderWrap .masterClassSliderArea .slick-dots li { width: 14px; height: 14px; background: #DDE0DE; cursor: pointer;  }
.masterClassSliderWrap .masterClassSliderArea .slick-dots li.slick-active { width: 14px; height: 14px; background: linear-gradient(129deg, #FFF6E5 -6.29%, #F2C03E 112.29%); }
.masterClassSliderWrap .masterClassSliderItems { padding: 0 15px; }
.masterClassSliderWrap .masterClassSliderItems.hide { display: none; }
.slick-dots .masterClassSliderWrap .masterClassSliderArea { padding-top: 15px; }
.filterTabsWrap {  padding-bottom: 0px; margin-bottom: 40px; }
.filterTabsWrap b { font-weight: normal; display: block; margin-bottom: 20px; }
.filterTabsWrap .filterTabs { display: flex; white-space: nowrap; overflow: auto; padding-bottom: 10px; scrollbar-width: thin; align-items: start; justify-content: space-between; position: relative; }
.filterTabsWrap .filterTabs::before{ content: ''; position: absolute; left: 0; top: 34px; width: 100%; height: 2px; background: #F8E0CC; }
.filterTabsWrap .filterTabs a {  color: #373737; text-transform: capitalize; font-weight: 600;  padding-right: 28px; font-size: 18px; position: relative;   }
.filterTabsWrap .filterTabs a:hover { text-decoration: none; }
.filterTabsWrap .filterTabs a.active span { color: #373737; font-weight: 700; position: relative;  }
.filterTabsWrap .filterTabs a.active span::before { content: ''; width: 100%; position: absolute; left: 0; bottom: -11px; background: #F47E1A; height: 3px; }
.filterTabsWrap .filterTabs a:last-child{ padding-right: 0; }
 
.referenceLinksWrap { background-color: #FFFAF5; padding: 28px 20px; margin-top: 50px; margin-bottom: 100px; border-radius: 15px; background: #FFFAF5; }
.referenceLinksWrap h3 { color: #2E2D2D; font-size: 16px; font-weight: 700; line-height: 28px; margin-bottom: 0px;     padding-left: 20px;}
.referenceLinksWrap .referenceLinksList { }
.referenceLinksWrap .referenceLinksList li {position: relative; width: calc(33% - 39px); display: inline-block; margin: 0 20px;
    padding: 30px 56px 40px 0px; border-bottom: 1px solid #DDE0DE; }
.referenceLinksWrap .referenceLinksList li.border0 { border-bottom: 0; }
.referenceLinksWrap .referenceLinksList li span { color: #373737; font-size: 14px; font-weight: 600; line-height: 23px; /* 164.286% */ }
.referenceLinksWrap .referenceLinksList li a { position: absolute; right: 0; top: 50%; transform: translateY(-50%); width: 36px; height: 36px; display: inline-block; background-image: url(../images/hurisArrow.svg); background-repeat: no-repeat; }

.infosocial { text-align: right; margin-top: 20px; }
.infosocial .socialLink { display: inline-block; vertical-align: middle; }
.infosocial b { display: inline-block; color: #DDE0DE; text-transform: uppercase; }
.infosocial a { display: inline-block; color: #373737; text-transform: uppercase; margin-left: 10px;  }
.infosocial a:hover { text-decoration: none; }

.timeShareWrap { display: inline-flex; align-items: center; padding: 5px 10px; align-items: center; border-radius: 7px; background: #F6F6F6; margin: 10px 0; }

.blogWrap .blogListBox .blogListCotent .timeShareWrap span { padding-bottom: 0; position: relative; color: #ACACAC; font-weight: 400;  }
.timeShareWrap span:first-child { margin-right: 20px; }
.timeShareWrap span:first-child:before { content: ''; position: absolute; right: -10px; width: 1px; height: 12px; background: #DDE0DE; }
.timeShareWrap a { display: inline-flex; align-items: center; background:  linear-gradient(90deg, #F87023 0%, #FFC554 100%); font-weight: 700; font-size: 14px; background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent;  text-transform: uppercase; }
.timeShareWrap.caseLink { margin-top: 20px; }
.timeShareWrap.caseLink a{ margin-right: 20px; position: relative; }
.timeShareWrap.caseLink a:last-child::before { display: none; }
.timeShareWrap.caseLink a::before { content: ''; position: absolute; right: -10px; width: 1px; height: 12px; background: #DDE0DE; }
.timeShareWrap a .shares_blog_post_icon1 { top: auto;  margin-right: 6px;  }
.readBlogBox { position: relative; margin-top: 25px; }
.readBlogBox .blogUrl { background: linear-gradient(90deg, #F87023 0%, #FFC554 100%); font-size: 14px; font-weight: 700; text-transform: uppercase; background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent; display: inline-block; }
.readBlogBox .shareWrap { display: inline-block; position: relative; padding-right: 15px; margin-left: 25px; }
.readBlogBox .shareWrap span { background: linear-gradient(90deg, #F87023 0%, #FFC554 100%); font-weight: 700; text-transform: uppercase; background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent; font-size: 14px; font-weight: 700; text-transform: uppercase; display: inline-block !important; }
.readBlogBox .shareWrap::before { content: ''; position: absolute; left: -12px; top: 5px;  width: 1px; height: 11px; background: #F87023;  }
.readBlogBox .shareWrap:hover .shareTool { display: block; }
.readBlogBox .shareWrap:hover span {  color: #787878; -webkit-text-fill-color: #787878;  }
.readBlogBox .shareWrap .shareTool { position: absolute; top: 50%; left: 100%; transform: translateY(-50%); width: 205px; vertical-align: middle; display: inline-block; background: #F6F6F6; padding: 10px; border-radius: 6px; display: none;}
.readBlogBox .shareWrap .shareTool .shareToolList { display: inline-block; vertical-align: middle; }
.readBlogBox .shareWrap .shareTool .shareToolList a {color: #373737; font-size: 12px; font-weight: 400; }
.readBlogBox .shareWrap .shareTool .shareToolList img { vertical-align: middle; margin-right: 8px; }
.readBlogBox .shareWrap .shareTool .shareToolList:first-child { margin-right: 15px; }

.infographicBody {  }
.infographicBody .infographicWrap { border-radius: 20px; border: 1px solid #F5F5F5; background: #FFF; overflow: hidden; padding: 20px; margin-bottom: 30px; }
.infographicBody .infographicWrap .infographicImg { display: inline-flex; align-items: center; justify-content: center; width: 324px; vertical-align: top; border-radius: 14px; overflow: hidden;  }
.blogListBox .blogListCotent .infographicHead { width: 100%; }
.blogListBox .blogListCotent .infographicHead .moreContent .infoToggleClick { width: auto; background-image: none;     font-style: normal; height: auto; top: auto; background: linear-gradient(90deg, #F87023 0%, #FFC554 100%);
    background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent; font-weight: 700; }
.blogListBox .blogListCotent .infographicHead .moreContent .infoToggleClick.active{ transform: rotate(0);}
.blogListBox .blogListCotent .infographicHead .moreContent ul {  }
 .moreContent ul li { position: relative; margin-bottom: 8px; padding-left: 8px; }
 .moreContent ul li::before { content: ''; position: absolute; left: -8px;  width: 4px; height: 4px; background: #787878; border-radius: 50%; top: 50%; transform: translateY(-50%); }
.blogListBox .blogListCotent .infographicHead h2 a { color: #373737; font-size: 24px; }
.blogListBox .blogListCotent .infographicHead h2 a:hover { color: #F47E1A; }
.blogListBox .blogListCotent .infographicHead h6 { color: #787878; font-size: 16px; font-weight: 500; }
.blogListBox .blogListCotent .infographicHead h6 b { font-weight: 500; }
.textRead { display: inline-block; cursor: pointer; background: linear-gradient(90deg, #F87023 0%, #FFC554 100%); padding-left: 10px; font-weight: 700; font-size: 14px; background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent; font-style: normal; }
.moreContent { display: none; }
.moreContent { color: #787878;}
.moreContent.active { display: inline; }
.input_search button { position: absolute; width: 25px; background: #fff; right: 16px; top: 0; height: 100%; border: none; }
.blogDivider{ position: relative; padding: 13px; }
.blogDivider::before { content: ''; position: absolute; left: 0px; top: 10px; width: 42px; height: 1px; background: #DDE0DE; }

.hsiWrapSection .hsiContent h2 { font-weight: 600; font-size: 60px; line-height: 60px; }
.hsiWrapSection.knowledge { height: 96vh; display: flex; align-items: center; justify-content: center; }
.hsiWrapSection.knowledge .container { max-width: 1280px; }
.hsiList .hsiListContent h3 { font-weight: 600; margin-bottom: 2px; font-size: 16px; }
.hsiList .hsiListContent p { font-size: 14px; }

.listInfoBox {  margin-top: 15px; margin-left: 15px; }
.listInfoBox li { margin-bottom: 8px; }
 
@media(max-width:1025px) {
    .referenceLinksWrap .referenceLinksList li { margin: 0 16px;}
    .hsiWrapSection.knowledge { height: auto; }
}

@media(max-width:992px) {
    .knowledgeWrap .knowledgeList li .knowledgeListBox span{ width: 36px; }
    .blogBannerBox { overflow: hidden; }
}
@media(max-width:767px) {
    .knowledgeWrap .knowledgeHead .knowledgeImage{ display: block; width: 100%; text-align: center;}
    .knowledgeWrap .knowledgeHead .knowledgeContent{ width: 100%; padding-left: 0; text-align: center; }
    .knowledgeWrap .knowledgeList li{ width: 49%; display: inline-block; align-items: normal; padding-top: 24px; }
    .knowledgeWrap .knowledgeList li .knowledgeListBox{     padding: 10px; text-align: center; }
    
    .knowledgeWrap .knowledgeList li .knowledgeListBox span{ margin: 20px auto 0; width: 90%;}
    .knowledgeWrap .knowledgeList li .knowledgeListBox b{ width: 96%; padding: 10px;}
    .knowledgeWrap .knowledgeList{ width: calc(100% + 24px);  margin-left: -12px; padding: 40px 15px; }
    .knowledgeWrap:before{ height: 794px;}

    .webinerDetailsBox .webinarIframe { height: 320px;}
    .knowledgeContent { max-width: none; text-align: center;}
    .knowledgeContent span { margin: 0 auto;}
    .knowledgeWrap .knowledgeList .knowledgeListOverlap li .knowledgeListBox{ display: block; position: relative;}
    .knowledgeWrap .knowledgeList .knowledgeListOverlap li { padding: 12px 10px; }
    .knowledgeWrap .knowledgeList .knowledgeListOverlap li .tooltipsWrap i{ position: absolute; right: 10px; top: 10px; z-index: 4; display: none;}
    .hsiWrapSection .hsiproductBox li { padding: 10px 20px; }
    .hsiWrapSection .hsiContent h2 { font-size: 30px; line-height: 30px;}
    .hsiWrapSection .hsiContent p { max-width: none;}

    
    .knowledgeNewBanner { height: 240px; }
    .bread_contentknowledge .content { left: 0; transform: translate(0,0); top: 40px;}
    .bread_contentknowledge .content h2 { font-size: 24px;}
    .bg_gray_search_inner form{ display: flex; }
    .bg_gray_search_inner form .input_search{ width: 100%;}
    .bg_gray_search_inner form .masterSelect { width: 50px; }
    .masterSelect b {width: 100%; font-size: 0;}
    .masterSelect ul { width: 254px; left: -200px; }
    .addTalkSection .blog_content_small { width: 100%; padding-left: 0; }
    .addTalkSection .imageWrap { width: 100%; margin-bottom: 40px; }
    .bread_contentknowledge::after{ display: none;}
    .bread_contentknowledge::before{ width: 100%;  opacity: .5; }
    .gridTabs { display: none;}
    .blogWrap .blogListBox { display: block;}
    .blogWrap .blogListBox .blogListCotent {  width: 100%; padding-left: 0; }
    .filterBlogBox { display: block; margin-bottom: 10px;}
    .filterBlogBox .input_search { max-width: 100%; width: 280px; }
    .filterBlogRight { display: block;}
    .selectBox { margin-left: 0; margin-top: 15px;}
    .selectBox select { width: 100%;}
    .blogWrap .blogListBox figure { width: 100%; text-align: center; margin-bottom: 0;}
    .blogWrap .blogListBox .blogListCotent h2 { padding-right: 30px; position: relative;  }
    .blogWrap .blogListBox .blogListCotent h2 .shareLink { position: absolute; right: 0; top: 5px; }
    .blogBannerBox .masterSelect { right: 20px; top: 40px; display: none; }
    .backblogBanner { left: 0; position: absolute; top: -1px;}
    .blogBannerBox .content h2 { margin-top: 0; position: relative; z-index: 2;  }

    .blogBannerBox .content { left: 0; transform: translate(0, 0); top: 40px; }
    .blogBannerWrap { min-height: 222px; }

    .referenceLinksWrap .referenceLinksList li { width: 100%; margin: 0; padding: 20px 56px 20px 0px; }
    .referenceLinksWrap h3 { padding-left: 0; }
    .blogWrap.guidView .blogListBox figure { margin-bottom: 0; }
    .blogBannerBox::after { opacity: 0.4; left: 38%; }
    .blog_heading { grid-template-columns: 98% 2% !important;}
    .blogListBox .blogListCotent .infographicHead h6 b {font-weight: 600; }
    .blogWrap .blogListBox .blogListCotent h2 { padding-right: 0; }
    .blogListBox .blogListCotent .infographicHead h2 a { font-size: 20px; line-height: 18px; }
    
}