@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap');
  @import "blogCta.css";
  @import "blogDetailsPageCta.css";
  /* .event-popup{display: none !important;} */
.row{display: flex; flex-wrap: wrap; align-items: center;}
.blog-container{width: 100%; max-width: 96%; margin: 0 auto;}
.justify-content-center{justify-content: center; justify-content: space-between;}
.justify-content-between{justify-content: space-between;}
.readBtn {padding:1rem 3rem; display:inline-block; font:2rem/3rem "Inter",sans-serif; font-weight: 400; color:#fff; background:#3970ff;  border-radius:10px; margin:1rem 0 0}
.readBtn:hover {background:#5f2eae; color:#fff}

.blogBanner{margin: 12rem 0 0;}
.bannerImg{width: 46%;} 
.bannerImg picture{overflow: hidden; border-radius: 18px; display: flex; }
.bannerText{ width:46%}
.bannerText span{color: #555; font:400 1.8rem/4.6rem "Inter", sans-serif;}
.bannerText h1{font: 700 3.6rem/4.6rem "Inter", sans-serif; margin: 0 0 2rem; background: linear-gradient(to right, #705cb3, #c97ca1 100%);
  background-clip: border-box; -webkit-background-clip: text; -webkit-text-fill-color: transparent;}
.bannerText p{font: 1.6rem/2.6rem "Inter", sans-serif;  font-weight: 400; margin: 0 0 2rem;}

.blogListRow{margin: 7rem 0 0;}
.mainFliter{width: 100%; display: flex; justify-content: space-between; flex-wrap: wrap;}
.mainFliter ul{display: flex; margin: 0 0 3rem; flex-wrap: wrap;}
.mainFliter ul li{ margin:0 1rem 1rem 0 } 
.mainFliter button{font:1.6rem/2.6rem "Inter", sans-serif; font-weight: 400; background: none; border: none; padding: 0.8rem 2rem; background: #f3f3f3; color: #000; cursor: pointer; border-radius: 20px; transition: all 0.3s}
.mainFliter .active{background:#5f2eae; color: #fff}
.mainFliter button:hover{background:#5f2eae; color: #fff}
.mainFliter .search-box{margin-bottom: 20px; width: 500px;}
.mainFliter .search-box .searchform{display: flex; margin: 0px 0px; box-shadow: 0 0 5px #0000001a;}
.mainFliter .search-box .searchform .inpSearch{padding: 16px 10px; width: 100%;  border: 0;}
.mainFliter .search-box .searchform .inpSearch:focus{outline: 0;}
.mainFliter .search-box .searchform .inputSearchSub{padding: 10px 20px;  border: 0; cursor: pointer; background: #000; color: #fff;}
.subFilter{ display: flex; flex-wrap: wrap; }
.subFilter li{margin: 0 1rem 1rem 0 }
.subFilter button{font:1.2rem/2.4rem "Inter", sans-serif; font-weight: 400; background: none; border: 1px solid #ccc; padding: 0.5rem 1.5rem; color: #000; cursor: pointer; border-radius: 20px; transition: all 0.3s}
.subFilter button:hover{border: 1px solid #5f2eae; background:#5f2eae; color: #fff}

.blog-listing-page .children{display: flex; flex-wrap: wrap;}
.blogList{ width: 100%; margin:3rem 0 0;}
.blogList ul{ display:flex; flex-wrap:wrap;} 

.subFilter .portfolio-block { display: inline-flex; flex-wrap: wrap; align-items: flex-start; }
.subFilter .portfolio-block ul { display: inline-flex; flex-wrap: wrap; }

.blogList{margin: 5rem 0 0}
.blogList ul{display: grid; grid-template-columns: 1fr 1fr 1fr; grid-gap: 66px 54px}
.blogList ul li a h4{color: #000; padding: 0 0rem 1rem;   margin-top: 18px;}
.blogList ul li a img{border-radius: 18px;}
.blogList ul li p{padding:  0 0rem 1rem;   font: 1.8rem/3rem "Inter", sans-serif; font-weight: 400; color: #5a5a5a;  margin-top: 8px; text-align: justify;}

.blogList .navigation{text-align: center;}
ol.wp-paginate li{margin: 0rem 1rem 3rem 0rem; box-shadow: none;}
ol.wp-paginate li .current{background-color: #c97ca1; border: 0; border-radius: 4px;}
ol.wp-paginate li a{background-color: #fff; border: 1px solid #c97ca1; color: #000; border-radius: 4px; }
ol.wp-paginate li a:hover{background-color: #c97ca1; border: 1px solid #c97ca1; color: #fff; }
ol.wp-paginate .ellipse-gap{display: none;}
.blogList h4{color: #000;padding:0 1.5rem 1rem;}
.blogList p{padding:0 1.5rem 2rem; font:1.6rem/2.6rem "Inter", sans-serif; font-weight: 400;}

.current-author {display: flex; justify-content: space-between; align-items: center;}
.current-author .author-info{position: relative; margin-left: 24px; font:1.6rem/2.4rem "Inter", sans-serif; font-weight: 400; color: #000000;}
.current-author .author-info::before{content: "\f044";  font: 14px/26px FontAwesome; color: #000000; position: absolute; left: -16px; top: 50%; transform: translate(-50%, -50%);margin-top: 1px;}
.current-author small{position: relative; font:1.6rem/2.4rem "Inter", sans-serif; font-weight: 400; color: #000000;}
.current-author small::before{content: "\f073";  font: 14px/26px FontAwesome; color: #000000; position: absolute; left: -16px; top: 50%; transform: translate(-50%, -50%);margin-top: 1px;}

.tradingRow{margin: 7rem 0 5rem;  border-radius: 5px; overflow: hidden;}
.tradingRow .row{display: block;}
.tradingRow h2{ margin:0 0 3rem; color: #5f2eae;}
.tradingRow h4{color: #000; margin: 20px 0px 10px 0px;}
.tradingRow h4 a{color: #000; overflow: hidden;  display: -webkit-box;  -webkit-line-clamp: 2;  line-clamp: 2;  -webkit-box-orient: vertical;}
.tradingRow p{ font:1.6rem/2.6rem "Inter", sans-serif; font-weight: 400; text-align: justify; margin-top: 8px; color: #5a5a5a; overflow: hidden;  display: -webkit-box;  -webkit-line-clamp: 3;  line-clamp: 3;  -webkit-box-orient: vertical; }
.tradingRow .sliderContain  li {padding: 0px 10px;}
.tradingRow .sliderContain  li .imgBox a picture{height: 200px; display: block;}
.tradingRow .sliderContain  li .imgBox a picture img{height: 100%; width: 100%; object-fit: cover;}
.tradingRow .ez-toc-counter{display: none !important;}

/* Blog Detail Page Css */
.blog-banner{margin-top: 8rem;  /*background: url(../images/BlogBannerBG.jpg) no-repeat center/cover;*/ background-color: #2a0169;}
.blog-banner  .row{padding: 60px 0px 50px; justify-content: center; align-content: space-evenly; grid-gap: 30px;}
.blog-banner   h1{margin: 0 auto;   font: 700 3rem/5rem "Inter",sans-serif;   color: #fff;   text-align: center;   width: 70%;}
.blog-banner .additional-details{    width: 100%;  margin-top: 40px;  text-align: center;}
.blog-banner .additional-details ul li{display: inline-block;  color: #fff; padding: 0px 20px; margin: 0px 20px 0 0; border-right: 1px solid #afa1dd; line-height: 1rem;}
.blog-banner .additional-details ul li strong{font: 700 1.6rem/1.6rem "Inter",sans-serif; color: #c0b3eb;;}
.blog-banner .additional-details ul li small{font: 400 1.6rem/1.6rem "Inter",sans-serif; color: #c0b3eb;;}
.blog-banner .additional-details ul li small a{color: #c0b3eb;}
.blog-banner .additional-details ul li:last-child{border: 0;}
.blog-banner .additional-details ul li strong{margin-right: 10px; position: relative;} 
.blog-banner .additional-details ul li .autIcon::before{content: "\f044";  font: 16px/26px FontAwesome; color: #e8e3ff; position: absolute; left: -16px; top: 50%; transform: translate(-50%, -50%);}
.blog-banner .additional-details ul li .readIcon::before{content: "\f017";  font: 16px/26px FontAwesome; color: #e8e3ff; position: absolute; left: -16px; top: 50%; transform: translate(-50%, -50%);}
.blog-banner .additional-details ul li .publishIcon::before{content: "\f073";  font: 16px/26px FontAwesome; color: #e8e3ff; position: absolute; left: -16px; top: 50%; transform: translate(-50%, -50%);}
.blog-banner .additional-details ul li .lastUdIcon::before{content: "\f040";  font: 16px/26px FontAwesome; color: #e8e3ff; position: absolute; left: -16px; top: 50%; transform: translate(-50%, -50%);}
.blog-detail-Page{margin: 4rem 0rem 0rem;}
.blog-detail-Page{min-height: 100%;}
.blog-detail-Page  .row {flex-wrap: nowrap; align-items: flex-start; justify-content: space-between; }
.blog-detail-Page   .left{flex-basis: 20%; }
.blog-detail-Page   .left .sticky nav{   margin-top: 2rem;}
.blog-detail-Page   .left .sticky nav::-webkit-scrollbar {width: 8px; opacity: 0.5;}
.blog-detail-Page   .left .sticky nav::-webkit-scrollbar-track {background: #cdcdcd; border-radius: 10px;}
.blog-detail-Page   .left .sticky nav::-webkit-scrollbar-thumb {  background: #8685852e;; border-radius: 10px;}
.blog-detail-Page .left #ez-toc-container{background-color: transparent; border: 0; padding: 0;} 
.blog-detail-Page .left div#ez-toc-container p.ez-toc-title{font: 700 2.2rem/2rem "Inter", sans-serif; color: #000; margin: 3rem 0rem;}
.blog-detail-Page .left div#ez-toc-container ul{padding: 0px 0px;   box-shadow: 0 0 5px #0000001a;}
.blog-detail-Page .left div#ez-toc-container ul li{background-color: #fff;  padding: 4px 10px;    }
.blog-detail-Page .left div#ez-toc-container ul li a{color: #000000; font: 400 1.6rem/3rem "Inter",sans-serif; }
.blog-detail-Page .left div#ez-toc-container ul li a::before{display: none;} 
.blog-detail-Page .left div#ez-toc-container ul li ul {margin-left: 1rem;}
.blog-detail-Page .left div#ez-toc-container ul li ul li{box-shadow: none; margin: 0;}
.blog-detail-Page .left div#ez-toc-container ul li ul li a{color: #000000; font: 400 1.6rem/2.6rem "Inter",sans-serif;  text-decoration: none;}
.blog-detail-Page .left div#ez-toc-container a.ez-toc-toggle{display: none;}
.blog-detail-Page   .left .mobile{display: none;}
.blog-detail-Page   .left .desktop{display: none;}
.blog-detail-Page   .left .widget_categories h4{font: 700 2.6rem/2rem "Inter", sans-serif; color: #000; margin: 3rem 0rem; position: relative;}
.blog-detail-Page   .left .widget_categories ul li{margin: 1rem 0rem;}
.blog-detail-Page   .left .widget_categories ul li a{text-decoration: underline; color: #000;}
.single .blog-detail-Page   .left .show{width: 350px;}
.blog-detail-Page   .center{flex-basis: 50%; min-height: 100%;}
.blog-detail-Page   .center ul{margin: 26px 0px 26px 20px;} 
.blog-detail-Page   .center ul li{list-style: disc; margin: 2px 0rem;}
.blog-detail-Page   .center h2{font: 700 3rem/4rem "Inter",sans-serif;  margin: 4rem 0 0rem;}
.blog-detail-Page   .center h3{font: 600 2.4rem/3rem "Inter",sans-serif;  margin: 4rem 0 0rem;}
.blog-detail-Page   .center h4{margin: 4rem 0rem -10px;}
.blog-detail-Page   .center p{margin: 2rem 0rem; font: 400 1.8rem/3.4rem "Inter",sans-serif;}
.blog-detail-Page   .center p img{margin: 2rem 0rem;}
.blog-detail-Page   .center table{padding: 10px; border: 1px solid #000; border-collapse: collapse; margin-top: 4rem; width: 100%;}
.blog-detail-Page   .center table tbody tr td{border-bottom: 1px solid #000; padding: 24px ; margin: 0rem 1rem; border-left: 1px solid #000;}
.blog-detail-Page   .center table tbody tr td h4{ margin: 0rem 0rem 3rem; }
.blog-detail-Page   .center strong{color: #000;}
.blog-detail-Page   .center #ez-toc-container{display: none;}
.blog-detail-Page   .center .red-strip2 {padding: 0rem 4rem; border: 1px solid #00000047; border-radius: 4px; display: flex; justify-content: space-between; align-items: center;}
.blog-detail-Page   .center .red-strip2 .left{flex-basis: 70%;}
.blog-detail-Page   .center .red-strip2 .left p{font: 600 1.8rem/3rem "Inter",sans-serif; color: #705cb3;}
.blog-detail-Page   .center .red-strip2 .full{flex-basis: 100%;}
.blog-detail-Page   .center .red-strip2 .full .sub-heading{color: #705cb3; text-align: center; font: 600 1.8rem/3.4rem "Inter",sans-serif;}
.blog-detail-Page   .center .red-strip2 .full .sub-heading strong{color: #000;}
.blog-detail-Page   .center .red-strip2 .full .sub-heading strong a{text-decoration: underline; color: #705cb3;}
.blog-detail-Page   .center .red-strip2 .full .sub-heading a{text-decoration: underline; color: #705cb3;}
.blog-detail-Page   .center .red-strip2 .left p br{display: none;}
.blog-detail-Page   .center .red-strip2 .right{padding-right: 0px !important; flex-basis: 30%; display: block;   text-align: end;}
.blog-detail-Page   .center .red-strip2 .right .cta{color: #fff; background-color: #5f2eae; border-radius: 4px; display: inline-block; text-decoration: none; padding: 8px 16px; text-align: center;}
.blog-detail-Page   .center .centerCta{color: #fff; background-color: #705cb3; border-radius: 4px; text-decoration: none; padding: 10px 16px; display: block; text-align: center;} 
.blog-detail-Page   .center .authoreBio{background: #0f0226; padding: 20px; margin-top: 60px; border-radius: 8px; }
.blog-detail-Page   .center .authoreBio .bioWrapper{display: flex; flex-wrap: nowrap;}
.blog-detail-Page   .center .authoreBio .bioWrapper .autImg{flex-basis: 120px;}
.blog-detail-Page   .center .authoreBio .bioWrapper .autImg img {border-radius: 8px;}
.blog-detail-Page .center .authoreBio .autProfile{flex-basis: 84%;}
.blog-detail-Page .center .authoreBio .autProfile h2{font: 600 2.8rem/4rem "Inter",sans-serif; color: #fff; letter-spacing: 2px; margin-top: 0;} 
.blog-detail-Page .center .authoreBio .autProfile a{font: 600 2.8rem/4rem "Inter",sans-serif; color: #fff; letter-spacing: 2px; margin-top: 0;} 
.blog-detail-Page .center .authoreBio .autProfile p { font: 400 1.8rem/2.6rem "Inter",sans-serif; color: #fff;  margin-top: 6px; }
.blog-detail-Page .center .authoreBio .autProfile p a { text-decoration: underline; font: 400 1.8rem/2.6rem "Inter",sans-serif; color: #fff;  margin-top: 6px; }
.blog-detail-Page .center .authoreBio .autProfile ul{padding: 0;  margin: 4px 0px 0px 0px; display: flex;  flex-wrap: wrap;   grid-gap: 12px;}
.blog-detail-Page .center .authoreBio .autProfile li{flex-basis: auto; padding: 6px 16px; background: #c6dcf357; border-radius: 4px; list-style: none;}
.blog-detail-Page .center .authoreBio .autProfile li a{    font: 400 1.6rem/2.6rem "Inter",sans-serif; color: #fff;}
.blog-detail-Page .center .authoreBio .autProfile .AuthSocialIocnWrapper{ display: flex; justify-content: space-between; align-items: center;}
.blog-detail-Page .center .authoreBio .autProfile .AuthSocialIocnWrapper .authSocialLink{grid-gap:14px}
.blog-detail-Page .center .authoreBio .autProfile .AuthSocialIocnWrapper .authSocialLink li{padding: 0; background: transparent;} 
.blog-detail-Page .center .BlogCta{background: linear-gradient(180deg, rgba(131,0,255,1) 0%, rgba(148,178,255,1) 100%); margin: 20px 0px; 
  border-radius: 10px; display: flex; justify-content: space-between; padding: 26px; align-items: center;}
  .blog-detail-Page .center .BlogCta .gifPart{flex-basis: 42%;}
.blog-detail-Page .center .BlogCta .aboutCta{flex-basis: 56%; text-align: center; padding: 0px 10px;}
.blog-detail-Page .center .BlogCta .aboutCta.fullWidthCta{flex-basis: 100%; }  
.blog-detail-Page .center .BlogCta .aboutCta h3{font: 700 3.4rem "Inter",sans-serif;; color: #fff; margin: 0;}
.blog-detail-Page .center .BlogCta .aboutCta p{margin: 10px 0px 0px 0px; color: #fff; font: 400 2.1rem/3rem "Inter",sans-serif;;}
.blog-detail-Page .center .BlogCta .aboutCta .ctaBorder{width: 50px; height: 4px; background-color: #fff; display: inline-block; margin: 20px 0px;}
.blog-detail-Page .center .BlogCta .aboutCta h4{margin: 0; color: #fff; font: 600 2.4rem/2rem "Inter",sans-serif;}
.blog-detail-Page .center .BlogCta .aboutCta .askDemo {display: inline-block; margin-top: 1.8rem; padding: 18px 40px; color: #000; font: 600 2.1rem/3rem "Inter",sans-serif; background-color: #ffe00f; border-radius: 10px;}
.blog-detail-Page   .right{flex-basis: 20%;}
.blog-detail-Page .right .search-box{margin-bottom: 20px;}    
.blog-detail-Page .right .search-box .searchform{display: flex; margin: 10px 0px; box-shadow: 0 0 5px #0000001a;}
.blog-detail-Page .right .search-box .searchform .inpSearch{    padding: 10px 0px 10px 30px; width: 100%;  border: 1px solid #000; font: 400 1.6rem/2.2rem "Inter",sans-serif;}
.blog-detail-Page .right .search-box .searchform .inpSearch:focus{outline: 0;}
.blog-detail-Page .right .search-box .searchform .inputSearchSub{padding: 10px;  border: 0; cursor: pointer; background: #000; color: #fff;}
.blog-detail-Page .right .subscriptionBox{ padding: 20px;     box-shadow: 0 0 20px 0px #005efc29;; margin-bottom: 20px;  border-radius: 8px;}
.blog-detail-Page .right .subscriptionBox .boxHeading strong{ display: block; color: #000; margin: 0;     font: 700 1.8rem/2.8rem "Inter",sans-serif; text-align: center;}
.blog-detail-Page .right .subscriptionBox form{margin-top: 10px;}
.blog-detail-Page .right .subscriptionBox form input{width: 100%; border: 0; background: #f7f7f7;    padding: 10px 16px;  margin: 10px 0px; font: 400 1.6rem/2.2rem "Inter",sans-serif; color: #5a5a5c; background: #f7f8fb;}
.blog-detail-Page .right .subscriptionBox form input:focus{outline: 0;}
.blog-detail-Page .right .subscriptionBox form button{padding: 6px 18px; border: 0; cursor: pointer; background: #055df0; width: 100%;
  color: #fff; text-align: center; display: block;  margin: 16px auto 0;   border-radius: 4px; font: 400 1.6rem/2.4rem "Inter",sans-serif; box-shadow: 0 0 50px #00000033;}
 .newSletter{padding: 40px 0px; background: #e9e9e98a; margin-top: 6rem;}
 .newSletter .newSletterWrapper{width: 80%; margin: 0 auto; display: flex;
  align-items: center; justify-content: space-between;} 
  .blog-detail-Page .right .widget_block .js-sidebar-menus .show{width: 360px;}
   .newSletter .newSletterWrapper .boxHeading{flex-basis: 500px;}
 .newSletter .newSletterWrapper .boxHeading h2{ color: #fff; font: 700 3rem/4rem "Inter",sans-serif; margin-bottom: 1rem}
 .newSletter .newSletterWrapper .boxHeading p{color: #000; font: 400 2.6rem/4rem "Inter",sans-serif;}
 .newSletter .newSletterWrapper .formBox{flex-basis: 860px; }
 .newSletter .newSletterWrapper form input{width: 50%; border-radius: 2px; border: 0; padding: 10px;  margin: 10px 10px; font: 400 1.6rem/2.2rem "Inter",sans-serif; color: #000; background-color: #fff;}
 .newSletter .newSletterWrapper form input::placeholder {color: #000;}
 .newSletter .newSletterWrapper form #user-name1{width: 26%;}
 .newSletter .newSletterWrapper form button{padding: 8px 18px; border: 0; color: #000; cursor: pointer; background: #f0c61c; 
   text-align: center;   margin-left: 10px;   border-radius: 2px; font: 400 1.6rem/2.4rem "Inter",sans-serif; box-shadow: 0 0 50px #00000033;}
.blog-detail-Page .related-blog{margin-top: 6rem; background-color: #fff;}
.blog-detail-Page .related-blog .container h2{margin-bottom: 5rem;}
.blog-detail-Page .related-blog .container ul{display: block;}
.blog-detail-Page .related-blog .container ul li{flex-basis: 30%; }
.blog-detail-Page .related-blog .container ul li a h4{padding: 0 0rem 1rem; margin-top: 18px; font: 700 2rem/3rem "Inter",sans-serif;
  color: #000;}
.blog-detail-Page .related-blog .container ul li a .hardwareImg{height: 210px; display: block;}
.blog-detail-Page .related-blog .container ul li a picture img{border-radius: 18px; width: 100%; height: 100%; object-fit: cover; }
.blog-detail-Page .related-blog .container ul li p{ font: 400 1.8rem/3rem "Inter", sans-serif;  margin-top: 6px; overflow: hidden;  display: -webkit-box;  -webkit-line-clamp: 3;  line-clamp: 3;  -webkit-box-orient: vertical;  } 
.blog-detail-Page .sharePost .shareWrapper .shareIcon{width: 50px; height: 50px; z-index: 9; background-color: #fff; border: 1px solid #ddd; border-radius: 50%; position: fixed; bottom: 20px; right: 20px;}
.blog-detail-Page .sharePost .shareWrapper .shareIcon i{position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); font-size: 28px;}
.social-share{margin-top: 20px;}
.sliderContain .slick-list{margin: 0 50px;}
.sliderContain .slick-list .slick-track .slick-slide div li{padding: 0px 10px;}
 .sliderContain .slick-prev {
  left: 82px;
  background: #803333;
  z-index: 11;
}
 .sliderContain .slick-next,  .sliderContain .slick-prev{
  position: absolute;
    top: 41%;
    left: 0;
    right: auto;
    transform: translate(-50%, -50%);
    width: 4rem;
    height: 4rem;
    border-radius: 50%;
    background: #ffffff;
    border: 0;
    font-size: 0;
    cursor: pointer;
    box-shadow: 0px 0px 20px 0px #00000036;
}
.sliderContain .slick-next {
    right: -40px;
    left: auto;
}

.sliderContain .slick-slide{
  height: auto !important;
}
 .sliderContain .slick-prev::after {
  content: "\f104";
  font: 3.2rem/3rem FontAwesome;
}
.sliderContain .slick-next::after{
  content: "\f105";
  font: 3.2rem/3rem FontAwesome;
}

/* Blog Details Page Css End */

/* search-results page */
.search-results .blog-detail-Page .left{display: none;}
.search-results .blog-detail-Page .archive-page{margin-top: 4rem;}
.search-results .blog-detail-Page .center{width: 100%; flex-basis: 100%;} 
.search-results .blog-detail-Page .center .blogList{margin: 0;}
.search-results .blog-detail-Page .center .blogList ul{grid-template-columns: 1fr 1fr 1fr 1fr 1fr; grid-gap:30px}
.search-results .blog-detail-Page .center .blogList ul li h4{margin-top: 0rem;}
.search-results .blog-detail-Page .center .blogList ul li h4 a{padding: 0 0rem 1rem; margin-top: 18px; font: 700 2rem/3rem "Inter",sans-serif; display: inline-block; color: #000;}
.search-results .blog-detail-Page .center .blogList ul li .entry p{font: 400 1.8rem/3rem "Inter", sans-serif;}

.search-no-results .left{display: none;}
.search-no-results .archive-page .center{flex-basis: 100%;}
.search-no-results .center .blogList ul{display: block; text-align: center;}

.category .blog-detail-Page{margin: 4rem 0rem;}
.category .blog-detail-Page .left .desktop{display: block;}
.category .blog-detail-Page .center{width: 70%; flex-basis: 100%;} 
.category .blog-detail-Page .center .blogList ul{grid-template-columns: 1fr 1fr 1fr; grid-gap:30px}
.category .blog-detail-Page .center .blogList ul li h4{margin-top: 0rem;}
.category .blog-detail-Page .center .blogList ul li h4 a{padding: 0 0rem 1rem; margin-top: 18px; font: 700 2rem/3rem "Inter",sans-serif; display: inline-block; color: #000;}
.category .blog-detail-Page .center .blogList ul li .entry p{font: 400 1.8rem/3rem "Inter", sans-serif;}
/* Archive Page Css Start */
.archive-page{margin-top: 10rem;}
.archive-page .center{flex-basis: 70%;}
.archive-page .center .blogList ul{grid-template-columns: 1fr 1fr;}
.archive-page .center .blogList ul li{flex-basis: 46%; list-style: none;}

/* Loader css */

.blogList .btn-row .alm-load-more-btn{overflow: hidden; height: 0; background-color: transparent;  color: #4067fa; font: 700 2rem/0 "Inter",sans-serif; padding: 20px 60px 20px 20px; border: 1px solid #4067fa;}
.blogList .btn-row .alm-load-more-btn::after{content: ""; position: absolute; background: url(../images/whitepaperlisting/right-arrow-blue.png) no-repeat; right: 22px; width: 26px; height: 16px; transform: rotate(90deg);
  top: 16px; background-size: 72%;  transition: all 0.5s ease-in-out;
}
.blogList .btn-row .alm-load-more-btn:hover{background-color: transparent;  color: #4067fa;}
.blogList .btn-row {margin-top: 20px;}
.blogList .btn-row .alm-load-more-btn:hover::after{top: 96px;}
.blogList .btn-row .alm-load-more-btn::before{content: ""; position: absolute; background: url(../images/whitepaperlisting/right-arrow-blue.png) no-repeat; right: 22px; width: 26px; height: 16px; transform: rotate(90deg);
  top: -18px; background-size: 72%;  transition: all 0.5s ease-in-out;}
  .blogList .btn-row .alm-load-more-btn:hover::before{ top: 16px;}
.feed-loader-wrap {position: fixed; left: 0; top: 0; width: 100%; height: 100%;
  z-index: 10; display: none; background: #000;
}


.feed-loader-wrap .feed-loader {
  position: absolute; left: 50%; top: 50%; width: 100px; height: 100px;   background: url(../images/loader.gif) no-repeat;
  background-size: 100%;margin-left: -50px;  margin-top: -50px;
}

/* Newsletter Popup */
.newsletter-popup {
    display: none; position: fixed;top: 0; left: 0; right: 0;
    bottom: 0; background-color: #000000d9;; z-index: 9999;
    transform: scale(0); opacity: 0; transition: transform 0.5s ease-in-out, opacity 0.5s ease-in-out;
}
.newsletter-popup.newsletter-visible {
    transform: scale(1); opacity: 1;
}

.popup-promt {
    background-color: #fff; width: 1000px; height: auto; position: absolute;
    top: 50%; left: 50%;  transform: translate(-50%, -50%); cursor: pointer;
}

.newsletter-inner-Wrapper{
    display: flex;justify-content: space-between;
}

.newsletter-inner-Wrapper .form-bg{
    flex-basis: 50%; background: url(../images/newsletter/TrackoBit-Desktop-Bg.webp) no-repeat; 
    background-size: cover; background-position: center;
}

.newsletter-inner-Wrapper .form-bg-two{
  background: url(../images/newsletter/tf-newsletter-bg.webp) no-repeat;
  background-position: center;  background-size: cover;
}

.newsletter-inner-Wrapper .form-bg-three{
  background: url(../images/newsletter/tm-newsletter-bg.webp) no-repeat;
  background-position: center;  background-size: cover;
}
.newsletter-inner-Wrapper .form-wrapper{
  padding: 30px; text-align: center;
  width: 50%;
}
.newsletter-inner-Wrapper .form-wrapper .content-box{ 
  margin-top: 10px;
  margin-bottom: 20px;
}

.newsletter-inner-Wrapper .form-wrapper .content-box strong{
  font: 700 2.4rem/3.6rem "Inter",sans-serif; color: #000;
}
.newsletter-inner-Wrapper .form-wrapper .content-box p{
  font: 400 1.8rem/2.2rem "Inter",sans-serif; color: #000;
}

.close-popup {
    position: absolute; top: 0; left: auto; right: 0;
    padding: 10px 10px; background: #000; border-radius: 0 0 0 8px; 
    line-height: 0;
}

.close-popup img{
  width: 18px;
}

.faqRow {
  padding: 2rem 0 0;
  position: relative;
  overflow: visible;
}
.headingCol {
  text-align: center;
  margin: 0 auto;
  width: 60%;
}
.faqRow .row {
  display: block;
}
.faqRow .row ul {
  flex-basis: 100%;
  margin: 0;
}
.faqRow .row ul li {
  margin-bottom: 3.5rem;
  list-style: none;
}
.faqRow .row ul li h4 {
  cursor: pointer;
  padding: 3rem 8rem 3rem 2rem;
  font: 700 2rem "Inter",sans-serif;
  color: #000;
  background: #fff;
  outline-color: #ccc;
  outline-style: solid;
  outline-width: 1px;
  border-radius: 10px;
  position: relative;
  height: auto;
}
.faqRow .row ul li h4::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  left: auto;
  right: 2rem;
  top: 50%;
  background-position: 1px 0px;
  width: 31px;
  height: 31px;
  background: url(../images/landingPage/faqArrow.png) no-repeat;
}
.faqRow .row ul li .faqAns {
  padding: 3rem 4rem 1rem;
  background: #fff;
  border-radius: 0px 0px 10px 10px;
  display: none;
}

.faqRow .row ul li .quesArrow::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  left: auto;
  right: 2rem;
  top: 50%;
  background-position: 1px 0px;
  width: 31px;
  height: 31px;
  background: url(../images/landingPage/faqUpArrow.png) no-repeat;
}

.faqRow .row ul li .faqShow{
  display: block;
}
.faqRow .row ul li .faqAns p {
  font: 600 1.8rem/3.4rem "Inter",sans-serif;
  color: #5a5a5c;
}
.faqRow .row ul li .faqAns p a {
  color: #5a5a5c;
}

/*Ai Summary*/
.ai-summary{ 
	background: #F1F3F4; 
	background: linear-gradient(213deg,rgba(241, 243, 244, 1) 0%, rgba(177, 202, 243, 1) 100%); 
	border-radius: 14px;
    	margin: 20px 0px;
}

.ai-summary .summary-header{
	cursor: pointer; 
	display: flex; 
	align-items: center; 
	justify-content: space-between; 
	padding: 14px 20px;
}

.ai-summary .summary-header .summary-heading img{
	width: 28px; 
	height: 28px; 
	position: relative; 
	top:4px;
}
.ai-summary .summary-header .summary-heading h3{ 
	margin:0 0 0 10px; 
	display:inline-block; 
	font:700 2.6rem / 3rem "Inter", sans-serif;
}

.ai-summary .summary-content{
	display: none;
 	padding: 0px 30px 20px; 
	margin: 0px 10px;
}
.ai-summary .summary-content ul{
	margin: 0 !important;
}
.ai-summary .summary-content ul li{
	list-style: disc; 
	margin: 8px 0px !important; 
	font: 400 16px /1.6 "Inter", sans-serif; 
	color: #000;
}
.ai-summary .summary-content.active {display: block;}



/* Blog Detail Page Responsive Css */
@media(max-width:1800px){
  .blog-detail-Page .right .widget_block .js-sidebar-menus .show {
    width: 300px;
}
}
@media(max-width:1660px){
   .newSletter .newSletterWrapper{width: 90%;}
   .newSletter .newSletterWrapper .boxHeading{flex-basis: 38%;}
   .newSletter .newSletterWrapper .formBox{flex-basis: 58% !important;}
   .newSletter .newSletterWrapper .formBox input{width: 46%;}
}

@media(max-width: 1440px){
  .blog-detail-Page  .center .red-strip2 .left{flex-basis: 60%;}
  .blog-detail-Page  .center .red-strip2 > .left >  .sub-heading{font-size: 20px;}
  .blog-detail-Page  .center .red-strip2 .right .cta{font-size: 17px !important;}
  .single .blog-detail-Page .left .show{width: 230px;}

  .search-results .blog-detail-Page .center .blogList ul{grid-template-columns: 1fr 1fr 1fr;}
  .category .blog-detail-Page .center .blogList ul{grid-template-columns: 1fr 1fr;}

  .blog-detail-Page .related-blog .container ul li a .hardwareImg{height: 176px;}

  .tradingRow .sliderContain li .imgBox a picture{height: 166px;}

  .blog-detail-Page .center .BlogCta{flex-direction: column;}
  .blog-detail-Page .center .BlogCta .gifPart{margin-bottom: 20px;}

  .blog-detail-Page .right .widget_block .js-sidebar-menus .show {
    width: 240px; top: 100px !important;
}

.popup-promt{
   width: 991px;
}


  
}

@media(max-width:1240px){
   .newSletter .newSletterWrapper{width: 96% !important;}
}

@media(max-width:1199px){
  /* .blog-container{max-width: 1024px;} */
  .mainFliter .search-box{width: 400px;}
  .post-template-default .blog-detail-Page .left{width: 20% !important;}
  .post-template-default .blog-detail-Page .center{width: 50%;} 
  .blog-detail-Page .related-blog .container ul li a .hardwareImg {height: 232px;}
  .blog-detail-Page .left {flex-basis: 26%; width: 26%;}
  .blog-detail-Page .right{flex-basis: 26%; width: 26%;}
  .tradingRow .sliderContain li .imgBox a picture{height: 224px;}
  .blog-detail-Page .right .widget_block .js-sidebar-menus .show {
    width: 200px;
    top: 80px !important;
}
}

@media(max-width:1154px){
   .newSletter .newSletterWrapper .boxHeading{flex-basis: 44%;}
   .newSletter .newSletterWrapper .formBox input{width: 28%;}
   .newSletter .newSletterWrapper form #user-name1{width: 24%;}
   .newSletter .newSletterWrapper form{text-align: right;}
}

@media(max-width:1080px){
  .sliderContain .slick-prev{left:28px;  }
  .sliderContain .slick-next{right: 0px;}
  .popup-promt{
   width: 834px;
}
}



@media(max-width:991px){
  /* .blog-container{max-width: 98%;} */
  .blogListRow .blogList li{width: 100%;}
  .blog-listing-page .blogList ul li{width: 100%;}
  .tradingRow .devicesContain .ContainBox  li{width: 46%;}
  .single .blog-detail-Page .left .show{width: 222px;}


  .archive-page .left {flex-basis: 24%;}
  .archive-page .center {flex-basis: 74%;}
  .archive-page .center .blogList ul li {    flex-basis: 42%;}

  .search-results .blog-detail-Page .center .blogList ul{grid-template-columns: 1fr 1fr;}

  .tradingRow .sliderContain li .imgBox a picture {height: 174px;}
  .sideBarBlog .wp-block-image img{width:100% !important;}

  .popup-promt {
        width: 70%;
    }
  .newsletter-inner-Wrapper{
    display: block;
  }
  .newsletter-inner-Wrapper .form-bg{
    flex-basis: unset;
    height: auto;
    background-position: top;
    background-image: none;
  }
  .newsletter-inner-Wrapper .form-wrapper{
    width: 100%;
  }
}
 
@media(max-width:990px){
  .blog-detail-Page .row {flex-wrap: wrap;}
  .blog-detail-Page  .left .desktop{display: none;}
  .blog-detail-Page  .left .mobile{display: none;}   
  .blog-detail-Page  .left{flex-basis: 100% !important;}
  .blog-detail-Page  .left #ez-toc-container{width: 100%;}
  .blog-detail-Page  .left #ez-toc-container nav ul li a{font-size: 14px;}
  .blog-detail-Page  .center{flex-basis: 100%;}
  .blog-detail-Page  .right{flex-basis: 100%; margin-top: 3rem !important;     }
  .blog-detail-Page  .right .subscriptionBox{margin-bottom: 4rem; display: none;}
  .blog-detail-Page .right .widget_block .js-sidebar-menus .show{position: static !important;}
  .blog-detail-Page  .left .widget_categories h4{font: 700 3.6rem/2rem "Inter", sans-serif;}
  .blog-detail-Page  .left .mobile .postform{padding: 10px; width: 100%; font-size: 16px; border-radius: 4px; margin-bottom: 3rem; background-color: #fff;
    border: 1px solid #000;}
  .blog-detail-Page  .center .red-strip2{padding: 20px 40px; min-height: auto; flex-wrap: nowrap; justify-content: space-between; text-align: center;}
  .blog-detail-Page  .center .red-strip2 .left{flex-basis: 100%; text-align: left;}
  .blog-detail-Page  .center .red-strip2 .left  p{font-size: 18px !important; line-height: 28px;} 
  .blog-detail-Page  .center .red-strip2 .right{flex-basis: 100% !important; margin: 0; height: auto !important; justify-content: center !important;}
  .blog-detail-Page .center .red-strip2 .right.hide{display: block !important; margin: 0 !important;}
  .blog-detail-Page  .center .subscriptionBox{display: none;}
   .newSletter .newSletterWrapper{display: block !important; } 
   .newSletter .newSletterWrapper .formBox{width: 100%; margin-top: 2rem;}
   .newSletter .newSletterWrapper .boxHeading{text-align: center;}
   .newSletter .newSletterWrapper form #user-name1{width: 30% !important;}
   .newSletter .newSletterWrapper .formBox input{width: 30% !important;}
   .newSletter .newSletterWrapper form{text-align: center;}

  .blog-detail-Page .center .BlogCta{flex-direction: row;}

  .category .blog-detail-Page .left{flex-basis: 26%;}
  .category .blog-detail-Page .center{flex-basis: 68%;}

  .single .blog-detail-Page .left div#ez-toc-container a.ez-toc-toggle{display: block;}
  .single .blog-detail-Page .left{width: 100% !important; position: static !important; flex-basis: 100% !important;}
  .single .blog-detail-Page .left .sticky nav{height: auto;}
  .single .blog-detail-Page   .left .show{position: static !important;}
  .single .blog-detail-Page .hide{display: none !important;}
  .single .blog-detail-Page .center{display: block !important;}
  .sideBarBlog{display: grid; grid-template-columns: 300px 1fr !important; grid-gap: 30px !important; }
   

  .faqRow{ padding:2rem 0;} 
.faqRow .row ul {flex-basis: 100%;margin: 0;}
.row ul li h4::after{right: 0;}
}

/* @media(max-width:920px){
  .tradingRow .sliderContain li .imgBox a picture {height: 196px;}
} */

@media(max-width:834px){
  div#ez-toc-container p.ez-toc-title{font-size: 18px !important;}
  /* .blog-detail-Page .left{flex-basis: 30%;} */
  /* .blog-detail-Page .center{flex-basis: 46%;} */
  
  .blog-listing-page .blogList ul {grid-template-columns: 1fr 1fr;}
  .blogListRow .blogList .project-tiles {grid-template-columns: 1fr 1fr;}
  .blogListRow .blogList #post-container1 {grid-template-columns: 1fr 1fr;}
  .archive-page .center {flex-basis: 74%;}
  .archive-page .center .blogList ul li {flex-basis: 44%;}
  .blog-detail-Page .related-blog .container ul li a .hardwareImg {height: 186px;}
  .tradingRow .sliderContain li .imgBox a picture{height: 160px;}
}

@media(max-width:767px){
  .blogBanner .justify-content-between {flex-direction: column;}
  .blogBanner .justify-content-between .bannerImg{width: 80%;}
  .blogBanner .justify-content-between .bannerText{margin-top:3rem; width : 100%; text-align: center;}
  .blogListRow .blogList li{width: 100%;}
  .tradingRow .devicesContain .ContainBox  li{width: 100%;}

  .blogList .navigation {text-align: left;}

  .blog-banner  h1{font: 700 3.6rem/4rem "Inter",sans-serif; width: 100%;}
  

  .wp-block-image img {width: 75%;}
  .archive-page .center .blogList ul{margin: 0;}
  .archive-page .center .blogList ul li {flex-basis: 46%;} 

  .sliderContain .slick-list .slick-track .slick-slide div li{
    width: 100% !important;
  }
  .sliderContain .slick-prev {
    left: 26px;
}
.blog-detail-Page .related-blog .container ul li a .hardwareImg {height: 168px;}
.tradingRow .sliderContain li .imgBox a picture{height: 160px;}



}

@media(max-width:720px){
  .blog-banner .additional-details ul li{margin: 16px 0px; border: 0;}
  .category .blog-detail-Page .center .blogList ul{grid-template-columns: 1fr;}
  .sideBarBlog{grid-template-columns: 200px 1fr !important; }

}

@media(max-width:680px){
  .blog-detail-Page .related-blog .container ul li{flex-basis: 100%; margin-bottom: 6rem;}
  /* .blog-detail-Page .related-blog .container ul li a picture img {object-fit: contain;}     */
  .blog-detail-Page .center .BlogCta { flex-direction: column;}
  .tradingRow .sliderContain li .imgBox a picture{height: 112px;}
     
}
@media(max-width:578px){
  .blog-detail-Page .related-blog .container ul li a .hardware {height: 116px;}  
  .blog-detail-Page .related-blog .container ul li a picture img {border-radius: 4px;} 
}
@media(max-width:576px){
  .archive-page .center .blogList ul li {flex-basis: 100%;}
  .blog-banner .additional-details ul{display: grid; grid-template-columns: 1fr 1fr 1fr;}
  .blog-listing-page .blogList ul {grid-template-columns: 1fr;}
  .archive-page .center .blogList ul{grid-template-columns: 1fr;}

  .search-results .blog-detail-Page .center .blogList ul{grid-template-columns: 1fr;}

   .newSletter .newSletterWrapper form #user-name1{width: 100% !important; margin: 10px 0px;}
   .newSletter .newSletterWrapper .formBox input{width: 100% !important; margin: 10px 0px;}
   .newSletter .newSletterWrapper .formBox button{width: 100%; margin: 12px 0px 0px;     font: 400 2rem/2.4rem "Inter",sans-serif;}
   .related-blog .container ul li a .hardwareImg {height: 240px;}

  .blog-detail-Page .center .red-strip2{flex-wrap: wrap;}
  .blog-detail-Page .center .red-strip2 .left{text-align: center;}
  .blog-detail-Page .center .red-strip2 .right.hide{text-align: center;}

  .tradingRow .sliderContain li .imgBox a picture {height: auto;}

  .sideBarBlog{display: grid; grid-template-columns: 80%; grid-gap: 30px; }

  .blogListRow .blogList .project-tiles{
    grid-template-columns: 1fr;
  }
  .blogListRow .blogList #post-container1{
    grid-template-columns: 1fr;
  }

  .blog-detail-Page .center .authoreBio .autProfile .AuthSocialIocnWrapper{
    flex-direction: column;
    align-items: baseline;
    grid-gap: 10px;
  }

  .popup-promt{
    width: 90%;
  }

  	.sideBarBlog{display: block !important;}
	  .sideBarBlog .widget_media_image{
		  width:340px !important;
	  }

    	.sideBarBlog{
		display: block !important;
	}
	.sideBarBlog .widget_media_image .wp-block-image img{
		width:340px !important;
	}
 
}

@media(max-width:540px){
  .blog-banner .additional-details ul{ display: flex; flex-wrap: wrap; justify-content: center;}
  .blog-banner .additional-details ul li:nth-child(2){border: 0;}
}

@media(max-width:480px){
  .mainFliter .search-box {width: 100%;} 
  .mainFliter .search-box .searchform .inpSearch{ padding: 14px 10px;}
  .blog-detail-Page .center .authoreBio .bioWrapper{flex-direction: column;}
  .category .blog-detail-Page .row{flex-direction: column;}
  .category .blog-detail-Page .center{order: 1; width: 100%; flex-basis: 100%; min-height: 100dvh;}
  .category .blog-detail-Page .left{order: 2;}

  .sliderContain .slick-list{margin: 0;}   
}